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

[veniz2008]

سلام،من یک پروژه وب ساختم روی سیستم خانگی خودم که صفحه مانیتورم "17 هستش،حالا همین پروژه رو روی لپ تاپ "15 که اجرا میکنم ترتیب قرار گرفتن کنترل ها به هم میخوره(در واقع حاشیه های سمت راست و چپ صفحه زیاد میشه در حالیکه در مانیتور "17 چنین چیزی نیست)،چکار کنم که روی هر مانیتوری که اجرا بشه همیشه منظم باشه؟

[hamid_shrk]

عرض صفحتون رو با % یا em بدید

[ravand]

اگه بهم ميريزه فكر ميكنم از مقدار auto براي margin استفاده كردي.

[cyrusthegreat]

سلام دوست عزیز

نگاه کنید، این مشکل بخاطر همون اندازه تعداد پیکسل هایی هست که توی مانیتور به مانیتور در اندازه های متفاوت، متغییره و هم توی یک مانیتور یکسان اگر شما resolution رو تغییر بدید ایجاد می شه. رفع این مشکل با توجه به نوع طراحی ای که انجام دادید می بایست انجام بشه. اگر توی طراحیتون از عکس هایی استفاده کردید که اندازشون باید فیکس باشه و اندازه کل layout هست مثل عکس پشت هدر یا عکس هایی که 70 درصد طول رو پوشش می دن، باید به body خودتون width و min-width رو اختصاص بدید اون هم به pixel. همچنین اگر می خوایید کل صفحتون تو هر اندازه ای ثابت باشه هم باید همون مقادیر رو بدید. وقتی هم که می خوایید حداکثری رو تعیین کنید برای طول، از max-width استفاده کنید و حتما به پیکسل. ولی وقتی صفحتون تو هر اندازه ای جوری طراحی شده که تغییر اندازه روش تاثیر نداره، بهتره کلیه مقادیر رو به % یا em بدید.