Responsive web design คือ การใช้งานเว็บไซต์ด้วยภาษา HTML และ CSS เพื่อปรับขนาด, ซ่อน, ย่อขนาด หรือขยายขนาด บนหน้าเว็บไซต์โดยอัตโนมัติ เพื่อให้มันดูดีในทุกอุปกรณ์ (เช่น เดสก์ท็อป แท็บเล็ต และโทรศัพท์)
ตัวอย่างการเรียกใช้ Responsive web design ด้วยภาษา html , css
- เมื่อสร้างเว็บเพจที่ Responsive web design ให้เพิ่มองค์ประกอบแท็ก <meta> ต่อไปนี้ ในหน้าเว็บทั้งหมดของคุณ
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
- วิธีเรียกใช้งาน
<img src=”wp-content/uploads/2019/07/tablet-314153_1280.png” style=”width:100%;”>
รูปภาพ Responsive เป็นภาพที่ปรับขนาดให้พอดีกับขนาดของเบราว์เซอร์ บนอุปกรณ์โดยอัตโนมัติ
แทนที่ตำแหน่ง tablet-314153_1280.png ด้วยชื่อไฟล์รูปภาพของคุณ
บทความและบริการที่เกี่ยวข้อง
สนใจทำเว็บไซต์กับเราวันนี้ เรามีโดเมน โฮสติ้ง และทำเว็บไซต์ให้คุณเอง