ความแตกต่างระหว่างขนาดข้อความ CSS px และ pt
ผู้เขียน:Eve Cole
เวลาอัปเดต:2009-06-04 19:46:50
ในการออกแบบเว็บไซต์ CSS มักใช้แบบอักษร และมีหน่วยที่ใช้กันทั่วไปสองหน่วยในการตั้งค่าขนาดตัวอักษร: px และ pt ความแตกต่างระหว่างทั้งสองคืออะไร?
px: พิกเซล, พิกเซล, หน่วยที่เล็กที่สุดที่แสดงบนหน้าจอ;
pt: point, point, เป็นหน่วยความยาวมาตรฐานในอุตสาหกรรมการพิมพ์, 1pt = 1/72 นิ้ว;
ใน Windows การตั้งค่าการแสดงผลเริ่มต้นจะกำหนดข้อความเป็น 96dpi สิ่งนี้แสดงให้เห็น: 1px=1/96 นิ้ว และ 1pt=1/72 นิ้ว สรุปได้ว่าในการตั้งค่านี้ 1px=0.75pt แบบอักษร 9pt=12px
อย่างไรก็ตาม ผู้ใช้สามารถปรับเปลี่ยนขนาด dpi ที่กำหนดโดยข้อความได้ เช่น เปลี่ยนเป็น 144dpi ด้วยวิธีนี้ 1px=0.5pt และขนาดตัวอักษรคือ 9pt=18px ข้อความที่แต่เดิมประกอบด้วย 12px จะต้องประกอบด้วย 18px มากขึ้น ข้อความจะ "ใหญ่ขึ้น" และอ่านง่ายขึ้น
ดังนั้นความแตกต่างระหว่าง px และ pt คือ px จะเปลี่ยนไปตามความละเอียดของจอภาพ และ pt จะเปลี่ยนตามการตั้งค่าขนาดตัวอักษรของระบบ Windows