به هم ریختن اجزای صفحه با تغییر سایز مرورگر

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

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

نویسنده پست
یکشنبه ، 10 آوریل 2016     6:06 ب.ظ #


محسن مهدوی

Subscriber
3 پست3 تاپیک

سلام

من به تازگی اقدام به یادگیری html و css کردم

زیاد سر در نمیارم

یه صفحه طراحی کردم ولی وقتی سایز مرورگر رو کم و زیاد میکنم کل اجزای صفحه از جمله div ها به هم میریزه

در کد نویسی هم از مقیاس px استفاده کردم

 

میشه راهنماییم کنید که مشکل از کجاست؟

خیلی ممنون

0  تشکر
یکشنبه ، 10 آوریل 2016     7:04 ب.ظ #


boysun

Subscriber
107 پست10 تاپیک

سلام،

باید اجزا رو واکنشگرا کنید

1  تشکر
دوشنبه ، 11 آوریل 2016     10:13 ق.ظ #


Nima

Subscriber
21 پست3 تاپیک

سلام.

برای اینکه شما صقحه وب واکنشگرا یا همان responsive داشته باشید ، باید طراحی شما متناسب با چندین سایز برای استفاده پلتفرم ها و دستگاه های مختلف  باشد (مثلا برای تبلت ها ، برای موبایل و برای دستگاه و زمانی که سایزه پنجره را تغییر میدهید ) باشد.

 

راه حل : برای رفع این مشکل شما میتوانید پس طراحی قالب خود با استفاده از css عملیات زیر را انام دهید .

برای طراحی برای سایز های مختلف دستوری وجود دارد به شرح زیر:

}(@media screen (max-width:800px

style

{

استایل های خود را برای سایز های مختلف از این دستور استفاده کنید

همجنین پیش نهاد میشود در خیلی جاها به جای استفاده از px از % استفاده کنید

1  تشکر
دوشنبه ، 11 آوریل 2016     10:15 ق.ظ #


Nima

Subscriber
21 پست3 تاپیک

@media and (max-width:1200;){
style
}

1  تشکر
دوشنبه ، 11 آوریل 2016     11:40 ق.ظ #


hamed_z2001

Subscriber
156 پست51 تاپیک

جواب نیما درست و کامله, ولی اگهدنخای ریسپانسیو بنویسی و فعلا تازه کاری, برای بهم نریختن باید به body یک عرض دستی بدی, اینجوری با تغییر اندازه مرورگر دیگه نباید بهم بریزه و فقط اسکرول افقی میخوره موفق باشید

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

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