بهم ریختگی ظاهر در رزولوشن پایین

[resident]

سلام. من یه مننو دارم .وقتی screen resolution رو میارم پایین مثلا 1024*768 فونت هاش درشت میشه و منوها و زیرمنوها همه با هم نمایش داده میشه.
تو 2 عکسی که ضمیمه کردم مشخصه.
عکس زیر برای زمانیه که رزولوشن بالاست
130324

وقتی رزولوشن رو پایین میاریم اینطوری میشه. دشبورد و اطلاعات پایه منوی اصلی و اونهایی که زیر اطلاعات پایه هست، زیر منوی اطلاعات پایه است.
130325

به نظرتون مشکل از کجاست؟

[ravand]

از واحد em استفاده کن ببین مشکل حل میشه؟

[id1385]

از واحد em استفاده کن ببین مشکل حل میشه؟

فرقش چیه ؟
px, pt , em همشون واحدن چه ربطی به ظاهر داره؟
شما وقتی میگی 11px اگه بخوای به این واحد از اندازه برسی ممکنه بگی 8pt ولی ربطی به همریختگی و ... نداره
اگر منظورت اینه که چرا یه سریا بزرگ میشن ولی بقیه کوچیک می مونن خب باید کد css رو بررسی بکنی ببینی از چی ارث بری کردن ؟ و چی روشون اعمال شده که منوهای پرنت تغییرشون صحیحه ولی منوی چایلد صحیح نیست
بهتره برای منو ها از یک کلاس ارث بگیری




#menus {
font-family: tahoma;
}


$menus .parent{
color: #555;
}


#menus .child{
color: #111;
}


.parent{
color: #f02;
}


احتمال اینکه کلاسهای هم نام وجود داشته باشه زیاده بخاطر همین ارث بریها رو صحیح انجام بده.

موفق باشید

[ravand]

ربطش اینه که ما توی ریسپانسیو از واحد em استفاده میکنیم.

[resident]

از هر دو دوستمون تشکر می کنم بابت زمانی که گذاشتن. مشکل اینجاست که وقتی رزولوشن پایین میاد، همه منوهای اصلی مثل اطلاعات پایه class="open" میشه. در حالیکه باید class="" باشه و وقتی کاربر این منو رو باز کرد تا زیرمنوهاشو ببینه class="open" بشه