پیکسل و em
دی ۱۲م, ۱۳۸۷
دنبال یه موضوع جالب برای نوشتن میگشتم. متوجه این سایت شدم که تازه راه افتاده: pxtoem.com این سایت میتونه مقادیر بر مبنای واحد پیکسل رو به واحد em تبدیل کنه. میزانش به اندازه ارتفاع حرف M هست. کلاً هیچ خاصیتی نداره جز اینکه موقع استفاده از خاصیت font-size در CSS از این واحد استفاده میکنن. چرا؟ خب، الان همهی مرورگرها قابلیت بزرگ و کوچیک کردن متون صفحه رو دارن. این قابلیت خیلی مفیدی برای کسائی مثل منه که کمبینا هستن. حالا، IE یه خورده گیره و اگه اندازهی متنو بر اساس واحد پیکسل تعیین کنید، متن رو تغییر اندازه نمیده. تنها واحدی که این بیچاره روش کار میکنه em هست. یه تکنیکی هم هست، چون محاسبهی این واحد سخته، یکی این تکنیک رو معرفی کرد که اندازهی متن رو توی تگ Body به اندازهی ۶۲٫۵ درصد تعیین کنیم و بعد میتونیم اندازهها رو براحتی بر مبنای em در بیاریم که اینجوری محاسبه میشه که مثلاً ۱۱ پیکسل میشه ۱٫۱em و ۲۰ پیکسل میشه ۲٫۰em.
خلاصه اینجوریه:
body {
font-size: 62.5%;
}
p {
font-size: 1.3em
}
میدونم بد توضیح دادم ولی یه جستجوی کوچیک تو اینترنت منابع بهتری رو معرفی خواهد کرد.