واحد های اندازه گیری ch,ex,vmin,vmax

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

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 نیز ارتفاع صفحه رو هدف قرار میده برای درک بهتر به عکسی که الصاق کردم توجه کنید.

ممنون