۰ مهدی شورکابی
واحد‌های اندازه گیری ch,ex,vmin,vmax
جامعه Html & CSS ایجاد شده در ۱۲ مهر ۱۴۰۰

با سلام خدمت دوستان

 

ex و ch :

واحد‌های ex و ch شبیه واحد‌های em و rem هستند با این تفاوت که برخلاف واحدهای rem و em, واحد‌های ch و ex فقط به font-family وابستگی دارند.

 

واحد اندازه‌گیری ch برگرفته از کلمهٔ Character است.

اگه عرض یک پاراگراف رو برابر با 50ch در نظر بگیرید توی هر خط این پاراگراف دقیقا حداکثر 50 کاراکتر قرار خواهد گرفت و در صورتی که تعداد کاراکتر‌ها بیشتر از 50 باشند به خط بعدی منتقل میشوند.

 

واحد ex برابر با نصف ارتفاع کاراکتر x کوچک است.

واحد ex کاربرد‌های خوبی داره مثلا فرض کنید که می‌خواهیم یک کاراکتر رو به اندازه یک خط بالاتر از بقیه حروف نشون بدیم (مثلا به صورت توان) در این حالت میتونیم با استفاده از دستورات  position و top و واحد ex این کار رو به راحتی انجام بدیم. 

 

vmin و vmax :

در حالی که واحد‌های   vw و vh  به عرض و طول مرورگر وابسته هستند , واحد‌های vmin و vmax کوچکترین و بزرگترین اندازه از بین طول و عرض مرورگر رو مشخص میکنند.

برای مثال اگه اندازه ی عرض مرورگر برابر 700px و ارتفاع برابر با 1100px باشه اندازه یک واحد vmin برابر با 7px و اندازه ی vmax برابر با 11px خواهد بود. حالا اگه اندازه مرورگر رو تغییر بدیم و عرض مرورگر برابر با 800px و ارتفاع برابر 400px بشه اندازه ی واحد vmin برابر با 4px و اندازه ی vmax برابر 8px خواهد بود.

 این واحدها توی صفحه‌های تبلت و موبایل که میشه صفحه رو چرخوند به درد میخورند.

اگر واحد vmin عرض صفحه رو در نظر میگیره و واحد vmax نیز ارتفاع صفحه رو هدف قرار میده برای درک بهتر به عکسی که الصاق کردم توجه کنید.

 

ممنون