Responsive web design คืออะไร

ทำเว็บไซต์ ออกแบบเว็บไซต์

Responsive web design คืออะไร

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 ด้วยชื่อไฟล์รูปภาพของคุณ

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

** ขอสงวนสิทธิ์ในการตอบคำถามทางแชทไว้เฉพาะลูกค้าที่สนสนใจใช้บริการออกแบบ-พัฒนาเว็บไซต์ และบริการอื่นๆ จากเว็บไซต์ zixzax studio เท่านั้น

บทความที่เกี่ยวข้อง ในหมวดหมู่ 

บทความล่าสุด …

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