vh เป็น em

วิธีแปลง VH เป็น EM?

ในการแปลง vh เป็น em คุณต้องรู้ขนาดรวมของ 1 EM (ค่าเริ่มต้นคือ 16px) และขนาดความสูง viewport จากนั้นใช้สูตร: ((vh * ความสูงรวมของ viewport) / 100) / ขนาด em ตัวอย่างเช่น ด้วยขนาด 1em เท่ากับ 16px และความสูง viewport เท่ากับ 1000px, 5vh จะถูกแปลงเป็น: ((5 * 1000) / 100) / 16 = 3.125em

สูตรการแปลง VH เป็น EM คืออะไร?

((vh * ความสูงรวมของ viewport) / 100) / ขนาด em

หน่วย em คืออะไร?

EM กำหนดโดยอิงกับขนาดตัวอักษรขององค์ประกอบแม่ ดังนั้น 1 EM จึงมีค่าเท่ากับค่าที่กำหนดให้กับ font-size ขององค์ประกอบแม่

• CSS Unit Converter - ทำความเข้าใจหน่วย EM ใน CSS
• W3Schools - CSS units
• MDN - CSS units
• MDN - CSS <length>

หน่วย vh คืออะไร? (ความสูงวิวพอร์ต)

ใช้ในการออกแบบที่ตอบสนอง (responsive design) ความสูงวิวพอร์ต (VH) เป็นหน่วยที่สัมพันธ์กับพื้นที่แสดงผลของหน้าเว็บที่เรียกว่าวิวพอร์ต 1vh เท่ากับ 1% ของการแสดงผล ดังนั้น หากต้องการให้องค์ประกอบมีความสูงเต็ม ควรใช้ 100vh คุณยังสามารถใช้ค่าทศนิยมได้ โปรดทราบว่าความแม่นยำของทศนิยมอาจแตกต่างกันไปตามเบราว์เซอร์

• MDN - Viewport concepts
• Can I use - Viewport units browsers support