اندازهدیو اصلی رو ثابت بدم و یه
min-width
همبراش بذارم که از به حدی کوچیک تر نشه
.
الاناندازه صفحه مانیتورم روی
1280*1024
پیکسلهو این سایت برنامه نویس و مثلا سایت بیتوتهبا اندازه صفحه من کاملا فیکسه
.
یعنینه اسکرول شده نه کناراش خالیه
.
یعنیبرای این حالت از مدیا کوئری استفادهکردن؟ یا اینکه صفحه شون رو برای عرض
1280
پیکسلطراحی کردن؟
برای عرض خاصی طراحی نمی کنن , چون تقریبا ممکن نیست . رزولوشن ها خیلی متفاوته . مشاهده کدهای css سایت ها امکان پذیره . در کروم کار با ابزار Inspect Element رو یادبگیر :
body { width: auto;
min-width: 960px;
max-width: auto;
margin: 0px 35px 0px 35px;
font-size: 13px;
color: #3e3e3e;
line-height: 2em
}
به تگ body استایل داده , که کمتر از 960px نباشه . در یه استایل دیگه به div نگهدارنده داخلی padding داده به 20px برای چپ و راست . که با جمع 20 + 20 + 960 = 1000px درمیاد . که باعث میشه در نمایش گرهای بزرگ از حداکثر فضا استفاده کرده . و در نمایش گرهای کوچک تر هم تقریبا تمام صفحه رو پوشش میده با با چند پیکسل فضای خالی در چپ و راست . حالا من نمی دونم با اون محاسبه ساده که انجام شد آشنا هستی ؟ یعنی css box model .
یه مجموعه آموزشی هست که خوب به این موضوع پرداخته و این محاسبات و توضیح میده . لینک می تونی این و از وب سایت هایی که گذاشتن برای فروش تهیه کنی . جستجو کن توی وب سایت های داخلی .
برای فونت ها استفاده از rem بستگی به پشتیبانی شما از مرورگر های قدیمی داره . چون rem در اونها ساپورت نمیشه . از وب سایت can i use برای بررسی اینکه چه ویژگی در چه مرورگرهای ساپورت میشه استفاده کن .
اندازه فونت ها رو می تونی em بدی . ( البته برای اینها تکنیک هایی هست که cross browser بشند . من کلیات و دارم به شما میگم و وارد جزییات و تکنیک نمی تونم بشم . چون طولانیه ... خودت باید در موردش تحقیق کنی . )