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

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

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

نویسنده پست
یکشنبه ، ۲۲ فروردین ۱۳۹۵     ۶:۰۶ ب.ظ #


محسن مهدوی

Subscriber
3 پست3 تاپیک

سلام

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

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

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

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

 

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

خیلی ممنون

0  تشکر
یکشنبه ، ۲۲ فروردین ۱۳۹۵     ۷:۰۴ ب.ظ #


علیرضا

Subscriber
107 پست10 تاپیک

سلام،

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

1  تشکر
دوشنبه ، ۲۳ فروردین ۱۳۹۵     ۱۰:۱۳ ق.ظ #


Nima

Subscriber
21 پست3 تاپیک

سلام.

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

 

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

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

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

style

{

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

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

1  تشکر
دوشنبه ، ۲۳ فروردین ۱۳۹۵     ۱۰:۱۵ ق.ظ #


Nima

Subscriber
21 پست3 تاپیک

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

1  تشکر
دوشنبه ، ۲۳ فروردین ۱۳۹۵     ۱۱:۴۰ ق.ظ #


hamed_z2001

Subscriber
157 پست52 تاپیک

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

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

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