เปอร์เซ็นต์หรือพิกเซลสำหรับเลย์เอาต์?

• สิ่งที่คุณจะใช้สำหรับเค้าโครงหน้าเว็บ? เปอร์เซ็นต์หรือพิกเซล?
• เมื่อหนึ่งควรใช้หนึ่งมากกว่าอื่น ๆ

หน่วยที่คุณใช้ขึ้นอยู่กับสิ่งที่คุณต้องการทำให้สำเร็จ หน่วยที่ใช้มากที่สุดในการจัดวางเว็บคือ:

• px - สัมบูรณ์; หนึ่งพิกเซล
• pt - สัมบูรณ์; 1/72 นิ้ว, ประมาณ 1.3px สำหรับสื่อหน้าจอ
• em - สัมพันธ์กับขนาดตัวอักษรของผู้ปกครอง; 1.0em = ขนาดของอักขระ (ความกว้างของตัวพิมพ์ใหญ่ M)
• % - สัมพันธ์กับผู้ปกครอง

คุณใช้ px สำหรับขนาดที่คงที่ตัวอย่างเช่นเส้นขอบ 1px
คุณใช้ em สำหรับขนาดที่ควรเป็นไปตามขนาดตัวอักษรเช่นระยะขอบ 3.0em
คุณใช้% สำหรับขนาดที่ควรใช้เปอร์เซ็นต์ของพาเรนต์เช่นความกว้าง 50%

สำหรับเค้าโครงหน้าเว็บโดยปกติคุณใช้พิกเซลหรือเปอร์เซ็นต์ขึ้นอยู่กับว่าคุณต้องการเลย์เอาต์ (พิกเซล) คงที่หรือเค้าโครงเลย์เอาต์ (เปอร์เซ็นต์)

ฉันมักจะใช้พิกเซลสำหรับการประกาศความกว้าง (ซึ่งโดยทั่วไปจะได้รับการแก้ไข) แต่ em สำหรับความสูง ด้วยวิธีนี้เค้าโครงปรับขนาดในแนวตั้ง - แต่รักษาความสอดคล้องแนวนอน

ฉันใช้ขนาดสัมพัทธ์ / ตามสัดส่วนเมื่อทำได้ ฉันพบว่ามันทำให้การเปลี่ยนแปลงเค้าโครงในภายหลังง่ายขึ้นมาก นอกจากนี้การใช้ขนาดที่สัมพันธ์กับองค์ประกอบหลักหมายถึงการเปลี่ยนแปลงไปยังผู้ปกครองได้อย่างง่ายดาย

ตามเนื้อผ้าการใช้ขนาดสัมพัทธ์ยังอนุญาตให้เพจดูถูกต้องในความละเอียดต่าง ๆ และเป็นประโยชน์อย่างยิ่งสำหรับการซูมเบราว์เซอร์หรือขนาดตัวอักษรขั้นต่ำ แต่ตอนนี้เบราว์เซอร์ที่ทันสมัยรองรับการปรับขนาดได้อย่างยอดเยี่ยมด้วยเลย์เอาต์เฉพาะพิกเซล ดังนั้นจึงสำคัญน้อยกว่าเมื่อใช้ขนาดที่สัมพันธ์กัน