Responsive web design คือ การใช้งานเว็บไซต์ด้วยภาษา HTML และ CSS เพื่อปรับขนาด, ซ่อน, ย่อขนาด หรือขยายขนาด บนหน้าเว็บไซต์โดยอัตโนมัติ เพื่อให้มันดูดีในทุกอุปกรณ์ (เช่น เดสก์ท็อป แท็บเล็ต และโทรศัพท์)

ตัวอย่างการเรียกใช้ Responsive web design ด้วยภาษา html , css

  1. เมื่อสร้างเว็บเพจที่ Responsive web design ให้เพิ่มองค์ประกอบแท็ก <meta> ต่อไปนี้ ในหน้าเว็บทั้งหมดของคุณ

    <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

รูปภาพ Responsive เป็นภาพที่ปรับขนาดให้พอดีกับขนาดของเบราว์เซอร์ บนอุปกรณ์โดยอัตโนมัติ

วิธีเรียกใช้งาน

<img src=”img_girl.jpg” style=”width:100%;”>

แทนที่ตำแหน่ง img_girl.jpg ด้วยชื่อไฟล์รูปภาพของคุณ

บทความและบริการที่เกี่ยวข้อง

กดติดตามเพื่อไม่ให้พลาดข่าวสารและโปรโมชั่น