ตัวแปลงพิกเซลเป็น vh
นี่คือตัวแปลงออนไลน์ฟรีที่คุณสามารถใช้เพื่อแปลงพิกเซล (px) เป็นหน่วยความสูงของวิวพอร์ต (vh) แทรกค่าความสูงของวิวพอร์ตและค่าขนาดพิกเซล (px) ที่คุณต้องการแปลงเป็น vh แล้วคลิกปุ่มแปลง!
คุณจะแปลงพิกเซล (px) เป็น vh ได้อย่างไร
คุณสามารถแปลง px เป็น vh ได้อย่างง่ายดายโดยใช้ตัวแปลงออนไลน์ด้านบนหรือโดยทําการแปลงด้วยตนเองโดยใช้สมการต่อไปนี้
หน่วยความสูงของวิวพอร์ต (vh) = 100 * (ขนาดหน่วยพิกเซล / ความสูงของวิวพอร์ต)
ตัวอย่างเช่น ในการแปลง 120 พิกเซลเป็น vh หากความสูงของวิวพอร์ตคือ 720:
vh =100 * (120/720) = 16.666666666667 .
ตารางการแปลงพิกเซล (px) เป็น vh หากความสูงของวิวพอร์ตคือ 1920
นี่คือผลลัพธ์ของการแปลง px เป็น vh ที่นักพัฒนาและนักออกแบบใช้กันทั่วไปหากความสูงของวิวพอร์ตคือ 1920
| พิกเซล | VH |
|---|---|
| 10 px | 0.52083333333333 vh |
| 20 px | 1.0416666666667 vh |
| 30 px | 1.5625 vh |
| 40 px | 2.0833333333333 vh |
| 50 px | 2.6041666666667 vh |
| 60 px | 3.125 vh |
| 70 px | 3.6458333333333 vh |
| 80 px | 4.1666666666667 vh |
| 90 px | 4.6875 vh |
| 100 px | 5.2083333333333 vh |
| 110 px | 5.7291666666667 vh |
| 120 px | 6.25 vh |
| 130 px | 6.7708333333333 vh |
| 140 px | 7.2916666666667 vh |
| 150 px | 7.8125 vh |
| 160 px | 8.3333333333333 vh |
| 170 px | 8.8541666666667 vh |
| 180 px | 9.375 vh |
| 190 px | 9.8958333333333 vh |
| 200 px | 10.416666666667 vh |
| 210 px | 10.9375 vh |
| 220 px | 11.458333333333 vh |
| 230 px | 11.979166666667 vh |
| 240 px | 12.5 vh |
| 250 px | 13.020833333333 vh |