vw เป็น em
ตัวแปลงที่คำนวณ em จาก vw สำหรับขนาด em และความกว้าง viewport ที่กำหนดเพื่อทำให้การวัดเป็น responsive
ปุ่มลัด
คำนวณและคัดลอกผลลัพธ์การคำนวณ
คำนวณผลลัพธ์
คัดลอกผลลัพธ์การคำนวณ
สลับตัวแปลงเป็น "EM เป็น VW"
โฟกัสไปที่ช่องกรอก "ความกว้างวิวพอร์ต"
โฟกัสไปที่ช่องกรอก "หน่วย VW"
โฟกัสไปที่ช่องกรอก "ขนาด EM"
FAQ
วิธีแปลง VW เป็น EM?
ในการแปลง vw เป็น em คุณต้องทราบขนาดรวมของ 1 EM (ค่าเริ่มต้นคือ 16px) และขนาดความกว้างของ viewport จากนั้นใช้สูตร: ((vw * ความกว้างรวมของ viewport) / 100) / ขนาด em ตัวอย่างเช่น ด้วยขนาด 1em ที่ 16px และความกว้าง viewport 1920px, 5vw จะถูกแปลงเป็น: ((5 * 1920) / 100) / 16 = 6em
สูตรการแปลง VW เป็น EM คืออะไร?
((vw * ความกว้างรวมของ viewport) / 100) / ขนาด em
หน่วย em คืออะไร?
EM กำหนดโดยอิงกับขนาดตัวอักษรขององค์ประกอบแม่ ดังนั้น 1 EM จึงมีค่าเท่ากับค่าที่กำหนดให้กับ font-size ขององค์ประกอบแม่
หน่วย vw คืออะไร? (ความกว้างวิวพอร์ต)
ใช้ในการออกแบบที่ตอบสนอง (responsive design) ความกว้างวิวพอร์ต (VW) เป็นหน่วยที่สัมพันธ์กับพื้นที่แสดงผลของหน้าเว็บที่เรียกว่าวิวพอร์ต 1vw เท่ากับ 1% ของการแสดงผล ดังนั้น หากต้องการให้องค์ประกอบมีความกว้างเต็ม ควรใช้ 100vw คุณยังสามารถใช้ค่าทศนิยมได้ โปรดทราบว่าความแม่นยำของทศนิยมอาจแตกต่างกันไปตามเบราว์เซอร์
ตารางการแปลง VW เป็น EM หาก viewport มีความกว้าง 1920px และขนาด em เป็น 16px
| vw | em |
|---|---|
| 1vw | 1.2em |
| 2vw | 2.4em |
| 3vw | 3.6em |
| 4vw | 4.8em |
| 5vw | 6em |
| 6vw | 7.2em |
| 7vw | 8.4em |
| 8vw | 9.6em |
| 9vw | 10.8em |
| 10vw | 12em |
| 11vw | 13.2em |
| 12vw | 14.4em |
| 13vw | 15.6em |
| 14vw | 16.8em |
| 15vw | 18em |
| 16vw | 19.2em |
| 17vw | 20.4em |
| 18vw | 21.6em |
| 19vw | 22.8em |
| 20vw | 24em |
| 21vw | 25.2em |
| 22vw | 26.4em |
| 23vw | 27.6em |
| 24vw | 28.8em |
| 25vw | 30em |
การแปลง VW และ EM เพิ่มเติม
