انتخاب واحد مناسب در سی اس اس

[IACbook 0]

درود

بازم قصد دارم مطلبی بسیار مناسب را در مورد کدنویسی سی اس اس بنویسم که امیدوارم بدرد دوستان بخوره

شاید قالبی طراحی کنیم و برای مدتی که سایتمان را در سیستم خودمون می بینیم خیالمون راحته که همه چیز تنظیمه و هیچ مشکلی وجود نداره! اما وقتی میریم از کامپیوتر دیگه ای سایتمون رو باز می کنیم میبینیم که اصلا" سایتتون کلی مشکل داشته که خودتون تابحال ندیده بودید!

مقداری از مشکلات مربوطه به نوع مرورگرها هستند که فرض می کنیم روی همه مرورگرها هم تست کرده باشید و مشکلی نداشته باشه!

اما بهتون قول میدم بازم احتمال داره سایتتون مشکلاتی جدی داشته باشه!

دلیل:

اگر شما سایتتون رو در مانیتوری که دارای رزولوشن 1024×768 باشه ببینید و بسازید و بعدا" برید توی مانیتورهای wide ( که جدیدا" دارن خیلی زیاد میشن! ) نگاه کنید ممکنه ببینید که سایتتون رفته یه گوشه صفحه!!!!!!!!!

دلیلش اینه که شما در هنگام کد نویسی سی اس اس در مارجین ها و مواردی از واحد مناسب استفاده نکرده اید!

واحدهایی مثل px , em در خیلی از موارد از قبیل استفاده در مارجین حاشیه ها اصلا" واحدهای خوبی نیستند!

شما برای margin در حاشیه ها بهتره از % استفاده کنید. یعنی به اندازه درصدی از صفحه (حالا صفحه میخواد هر چی باشه!) مارجین بدید و سایت رو در وسط صفحه تنظیم کنید!

به همین راحتی .........

Margin-left: 370px;

باید بصورت زیر باشه:

Margin-left: 30%;

به تصاویر زیر توجه نمایید:

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

همچنین واحدی مثل em برای فونت بیشتر بکار میره.

موفق باشید