درخواست کمک برای رسپانسیو کردن

این تاپیک 1 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  hamed_z2001 ،‏ 2 سال پیش .

این تاپیک تاکنون 665 بازدید داشته است .

نویسنده پست
سه شنبه ، 18 نوامبر 2014     11:00 ب.ظ #


Hossein Nakhaeipoor

Subscriber
0 پست1 تاپیک

سلام بر حضرات و اساتید
همینطور که توی تصویر میبینید شونزده تا li هست که دایره وار اطراف div ای که وسطشون قرار داره حلقه زدن(به کمک top و right و transform:rotate)
میخواستم ببینم چجوری میتونم کاری کنم تا عناصر به نسبت عرض مرورگر سر جاشون قرار بگیرن و بهم نریزن
توضیحات تکمیلی رو تو عکس ضمیمه کردم...
آدرس سایت : www.epsilon-soft.com

پیوست ها:
You must be logged in to view attached files.
0  تشکر
چهار شنبه ، 19 نوامبر 2014     12:49 ب.ظ #


hamed_z2001

Subscriber
156 پست51 تاپیک

2 تا کار میتونی انجام بدی ....

1- چند تا فایل css بساز،  برای هر سایز (مثلا لپ تاپ ، گوشی ، تبلت و ... ) یک css و بعد همه رو تو قسمت head اچ تی ام الت فراخونیش کنی

2- یک فایل استایل کلی داشته باشی و براش سایز تعیین کنی ... شکل کلی دستور به شکل زیره:

تو قسمت هد html یک متا تگ به نام viewport تعریف میکنی:

حالا تو css کد اصلی صفحنو مینویسی

بعدش تو css از مدیا کوئری ها استفاده میکنی به شکل زیر:

و توی کوئری هربار بجای عرض ،عرض  دستگاهو میدی (برای موبایل، تبلت، و لپ تاپ )

حالا با تغییر سایز صفحه میبینی که المنای داخل صفحه تغییر میکنن !!

شاید خوب یاد نگرفتی ولی اینا مبحثش یکم کلی بود ...
خاستی کدتو برام بفرست برات درستش کنم !!

2  تشکر
پست 1 تا 2 (از مجموع 2 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .