วิธีปรับระยะขอบสำหรับขนาดจอภาพทั้งหมด

จากข้อมูลของ W3Schools ณ เดือนมกราคม 2555 85 เปอร์เซ็นต์ของจอภาพคอมพิวเตอร์ทั้งหมดที่ใช้งานโดยสาธารณะมีความละเอียดมากกว่า 1024 x 768 พิกเซลและมีเพียง 1 เปอร์เซ็นต์ของจอภาพที่มีขนาด 800 x 600 พิกเซล แม้จะมีผู้ใช้เพียงเล็กน้อยที่ยังคงใช้จอภาพขนาดเล็ก 800 x 600 แต่หากคุณกำลังออกแบบหน้าเว็บธุรกิจที่ต้องสามารถดูได้บนทุกจอภาพ (เช่นไม่มีการเลื่อนจากด้านหนึ่งไปอีกด้านหนึ่ง) คุณจะต้องเก็บไว้ 800 600 หน้าจอในใจ หากต้องการปรับระยะขอบให้พอดีกับขนาดจอภาพทั้งหมดให้ตั้งค่าความกว้างของหน้าเป็น 785 พิกเซลหรือน้อยกว่า

1

เปิดไฟล์ HTML ของเว็บเพจในโปรแกรมแก้ไขโค้ดเช่น Notepad ++ หรือ Dreamweaver

2

เลื่อนดูโค้ดในไฟล์ HTML ของคุณไปที่ตารางแรกหรือแท็ก DIV (แท็กที่คุณใช้เพื่อบรรจุเนื้อหาของหน้าเว็บของคุณ)

3

คลิกภายในแท็กเปิดสำหรับตารางหรือ DIV แล้วพิมพ์โค้ดต่อไปนี้ลงในแท็ก (พร้อมด้วยเครื่องหมายคำพูด):

style =“ ระยะขอบซ้าย: อัตโนมัติ; ขอบขวา: อัตโนมัติ; ความกว้าง: 785px;”

หากคุณไม่ต้องการให้มีขนาด 785 พิกเซลคุณสามารถตั้งค่าให้เล็กลงได้ (เช่น 750px หรือ 650px)

4

บันทึกไฟล์ HTML และเปิดในเว็บเบราว์เซอร์เพื่อดู