ขนาดหน้าจอเป็นสิ่งสำคัญ
การสร้างเว็บที่ให้แสดงบนโทรศัพท์มือถือได้อย่างสวยงาม ขนาดของจำนวนข้อความ รูปภาพเป็นสิ่งสำคัญอย่างมากที่ต้องพิจารณาเป็นอันดับแรก ลองสังเกตดูว่า เวลาเข้าเราเว็บไซต์ใดๆ เช่น เว็บของไอที-ไกด์ดอทคอม จะเห็นว่าข้อความและรูปภาพมีขนาดเล็กมาก และแทบไม่สามารถอ่านได้เลย สาเหตเป็นเพราะว่า เรามีการกำหนดขนาดให้มีการย่อแบบอัตโนมัติ ซึ่งมีผลทำให้ทุกอย่างถูกย่อให้พอดีกับหน้าจอโทรศัพท์มือถือ ซึ่งเป็นสิ่งที่ผิดพลาดมากที่สุด
รู้อย่างนี้แล้ว เราจะแก้ไขปัญหานี้ได้อย่างไร
วิธีกำหนดให้หน้าจอไม่ย่ออัตโนมัติ
การจะใช้คำสั่งนี้ เราควรจะสร้างเว็บที่มีขนาดที่เหมาะสมสำหรับการแสดงบนโทรศัพท์มือถือก่อนเป็นอันดับแรก จากนั้น จึงสั่งให้โปแกรมมเว็บบราวเซอร์ ไม่ย่อหน้าเว็บของเราให้พอดีหน้าจอของอุปกรณ์โมบายต่างๆ ซึ่เราสามารถกำหนดได้เพียง เพิ่มคำสั่งที่จะบอกต่อไปนี้ ให้อยู่ระหว่างแท็ก HEAD
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
ถ้าอยากจะเห็นผลลัพธ์แนะนำให้ลองไปเพิ่มในเว็บไซต์ที่คุณสร้างดูครับ
