in เป็น vh

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

ในการแปลง in เป็น vh คุณต้องทราบความสูงรวมของ viewport เช่น 1000px จากนั้นใช้สูตร: (in * 96) / ความสูงรวมของ viewport * 100 ตัวอย่างเช่น ด้วย viewport 1000px จะแปลง 10in เป็น: (10 * 96) / 1000 * 100 = 96vh

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

(in * 96) / ความสูงรวมของ viewport * 100

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

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

• W3Schools - CSS units
• MDN - CSS units
• MDN - Viewport concepts
• MDN - CSS <length>
• Can I use - Viewport units browsers support

หน่วย in คืออะไร? (นิ้ว)

นิ้ว (in) เป็นหน่วยความยาวแบบสัมบูรณ์ หนึ่งนิ้วเท่ากับ 96px หรือ 2.54cm

• วิกิพีเดีย - นิ้ว