Responsive web design (RWD) is an a

Responsive web design (RWD) is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).[1][2][3]

A site designed with RWD[1][4] adapts the layout to the viewing environment by using fluid, proportion-based grids,[5][6] flexible images,[7][8][9] and CSS3 media queries,[3][10][11] an extension of the @media rule, in the following ways:[12]

The fluid grid concept calls for page element sizing to be in relative units like percentages, rather than absolute units like pixels or points.[6]
Flexible images are also sized in relative units, so as to prevent them from displaying outside their containing element.[7]
Media queries allow the page to use different CSS style rules based on characteristics of the device the site is being displayed on, most commonly the width of the browser.

ผลลัพธ์ (ไทย) 1:

ออกแบบตอบสนองเว็บ (RWD) เป็นวิธีการการออกแบบเว็บไซต์งานหัตถกรรมให้มีประสบการณ์ดูและโต้ตอบที่ดีที่สุด — อ่านง่ายและนำทาง ด้วยอย่างน้อยขนาด อัตโนมัติ และเลื่อนตัวผ่านหลากหลายของอุปกรณ์ (จากจอภาพคอมพิวเตอร์กับโทรศัพท์มือถือ) [1] [2] [3]ไซต์ด้วย RWD [1] [4] ปรับเค้าโครงเพื่อดูสภาพแวดล้อม โดยใช้กริด ตามสัดส่วน ของเหลว, [5] [6] ภาพยืดหยุ่น, [7] [8] [9] และ CSS3 สื่อแบบสอบถาม, [3] [10] [11] ส่วนขยายของกฎ @media ต่อไปนี้: [12]แนวเส้นของเหลวเรียกสำหรับหน้าองค์ประกอบปรับขนาดต้องหน่วยสัมพัทธ์เช่นเปอร์เซ็นต์ แทนหน่วยสัมบูรณ์เช่นพิกเซลหรือจุด [6]รูปแบบยืดหยุ่นมียังขนาดในหน่วยสัมพัทธ์ เพื่อป้องกันไม่ให้แสดงนอกขององค์ประกอบที่มี [7]สอบถามสื่อให้เพใช้ CSS สไตล์กฎต่าง ๆ ตามลักษณะของอุปกรณ์ที่ไซต์จะถูกแสดงบน มากที่สุดความกว้างของเบราว์เซอร์

ผลลัพธ์ (ไทย) 2:

การออกแบบเว็บตอบสนอง (RWD) เป็นแนวทางในการออกแบบเว็บที่มุ่งเป้าไปที่งานหัตถกรรมเว็บไซต์เพื่อให้ดูดีที่สุดและการมีปฏิสัมพันธ์อ่านประสบการณ์ที่ง่ายและนำทางมีขั้นต่ำของการปรับขนาดส่ายกล้องและเลื่อนในหลากหลายของอุปกรณ์ (จากคอมพิวเตอร์เดสก์ทอป การตรวจสอบไปยังโทรศัพท์มือถือ). [1] [2] [3] เว็บไซต์ที่ออกแบบด้วย RWD [1] [4] ปรับรูปแบบการดูสภาพแวดล้อมโดยใช้ของเหลวกริดสัดส่วนตาม [5] [6] ภาพที่มีความยืดหยุ่น [7] [8] [9] และ CSS3 คำสั่งสื่อ [3] [10] [11] ส่วนขยายของกฎ @ สื่อในรูปแบบดังต่อไปนี้: [12] แนวคิดตารางของเหลวเรียกร้องให้องค์ประกอบของหน้าเพื่อปรับขนาด จะอยู่ในหน่วยญาติเช่นเปอร์เซ็นต์มากกว่าหน่วยแน่นอนเช่นพิกเซลหรือจุด. [6] ภาพที่มีความยืดหยุ่นนอกจากนี้ยังมีขนาดใหญ่ในหน่วยญาติเพื่อป้องกันไม่ให้พวกเขาจากการแสดงนอกที่มีองค์ประกอบของพวกเขา. [7] คำสั่งอนุญาตให้สื่อหน้าใช้ กฎ CSS สไตล์ที่แตกต่างกันขึ้นอยู่กับลักษณะของอุปกรณ์ที่เว็บไซต์จะถูกแสดงบนมากที่สุดความกว้างของเบราว์เซอร์

ผลลัพธ์ (ไทย) 3:

การออกแบบเว็บตอบสนอง ( rwd ) เป็นแนวทางในการออกแบบเว็บเพื่องานหัตถกรรมเว็บไซต์ให้ชมที่เหมาะสมและปฏิสัมพันธ์ประสบการณ์ง่ายอ่านและการเดินเรือกับต่ำสุดของการปรับขนาด , แพน , และเลื่อนผ่านช่วงกว้างของอุปกรณ์ ( จากจอภาพคอมพิวเตอร์ไปยังโทรศัพท์มือถือ ) [ 1 ] [ 2 ] [ 3 ]

เว็บไซต์ที่ออกแบบด้วย rwd [ 1 ] [ 2 ] ปรับรูปแบบเพื่อดูสภาพแวดล้อม โดยใช้ของเหลว สัดส่วนตามกริด [ 5 ] [ 6 ] มีภาพ [ 7 ] [ 8 ] [ 9 ] และ CSS3 แบบสอบถามสื่อ [ 3 ] [ 10 ] [ 11 ] ส่วนขยายของ @ กฎ สื่อในวิธีต่อไปนี้ : [ 12 ]

แนวคิดตารางของไหลเรียกองค์ประกอบของหน้า ขนาดอยู่ในหน่วยสัมพัทธ์ เช่น เปอร์เซ็นต์ มากกว่าหน่วยที่แน่นอนเช่นจุดพิกเซลหรือ [ 6 ]
ภาพที่ยืดหยุ่นยังขนาดในหน่วยสัมพัทธ์ เพื่อป้องกันไม่ให้พวกเขาจากการแสดงภายนอกของพวกเขาที่มีองค์ประกอบ [ 7 ]
แบบสอบถามสื่อให้หน้าใช้สไตล์ CSS กฎแตกต่างกันตามลักษณะของอุปกรณ์ที่เว็บไซต์จะถูกแสดงบน มากที่สุด ความกว้างของเบราว์เซอร์