تفاوت px, pt ,em,ex ,pc

[Mostafa_Dindar]

سلام . از دوستان css كار كسي ميتونه واحدهاي اندازه رو تشريح كنه ؟
منظورم تفاوت px, pt ,em,ex ,pc هنگام تعين كردن مقياسها در Css هست .

[emad_67]

واحد px برای تعیین اندازه ها بر اساس پیکسل هست که می تونه برای تعیین ابعاد فونت یا سایر المان ها مورد استفاده قرار بگیره. به طور مثال وقتی از px برای اندازۀ فونت استفاده بشه، اندازۀ فونت ها صرف نظر از تنظیمات مرورگر نشون داده میشن.
واحد pt (point) برای تعیین اندازه فونت برای پرینت به کار میره برای همین توصیه میشه که اگر قرار فرمی پرینت بشه از pt به جای px یا ... استفاده بشه. 1 pt معادل یک هفتاد و دوم اینچ هست.
واحد pc (pica) هم مثل همون pt هست و برای پرینت استفاده میشه، اما ابعادش یه مقدار بزرگتره. در واقع یک pc معادل یک ششم اینچ هست.

واحد em یک واحد نسبی برای تعیین اندازه هست و با تنظیمات مرورگر کاربر تغییر می کنه. هر em معادل اندازۀ فونت عنصر والد اون المان هست. مثلا اگه دو div تو در تو داشته باشیم و font-size اون رو 1em بدیم، و همین خصوصیت رو در در div داخلی برابر 1.1em بزاریم، فونت ها در div داخلی 10% بزرگتر از div بیرونی نمایش داده میشن و مثل همون مقدار دهی درصدی هست. یعنی میشه به جای 1.1 مقدار 110% رو نوشت.
واحد ex هم مثل em هست اما از نظر مقیاشی کوچکتره. هر ex معادل ارتفاع حرف "x" کوچک ئه ولی هر em معادل ارتفاع حرف "M" بزرگ هست(در صورتی که فونت پیش فرض باشه)

[Mostafa_Dindar]

واحد ex هم مثل em هست اما از نظر مقیاشی کوچکتره. هر ex معادل ارتفاع حرف "x" کوچک ئه ولی هر em معادل ارتفاع حرف "M" بزرگ هست(در صورتی که فونت پیش فرض باشه)
دوست عزيز دست گلت درد نكنه . خيلي آموزنده بود .

منظورتون اينه كه اگه والد فونت 11 بود اونوقت فرزند 0.9em بزرگتر از فرزند 0.9ex هست ؟

[emad_67]

منظورتون اينه كه اگه والد فونت 11 بود اونوقت فرزند 0.9em بزرگتر از فرزند 0.9ex هست ؟
بله، همینطوره.