หน่วย vmin คืออะไร?
vmin (viewport minimum) คือหน่วยวัดสัมพัทธ์กับขนาดมุมมอง (viewport) 1vmin = 1% ของมิติที่เล็กกว่าระหว่างความกว้างและความสูงของ viewport
ตัวอย่าง: กำหนดขนาดฟอนต์ด้วย vmin
<html>
<head>
</head>
<body>
<div style="position:relative; left:90px; top:3px; background-color:yellow; font-size:4vmin;">
This div has relative positioning. </div>
</body>
</html>
หน่วย viewport อื่นๆ:
- vw - 1% ของความกว้าง viewport
- vh - 1% ของความสูง viewport
- vmax - 1% ของมิติที่ใหญ่กว่า
- vmin - 1% ของมิติที่เล็กกว่า
เหมาะสำหรับการออกแบบ Responsive ที่ขนาดฟอนต์ปรับตามขนาดหน้าจอ
