Use relative unitsA key concept beh

Use relative units
A key concept behind responsive design is fluidity and proportionality as opposed to fixed width layouts. Using relative units for measurements can help simplify layouts and prevent accidentally creating components that are too big for the viewport.
For example, setting width: 100% on a top level div, ensures that it spans the width of the viewport and is never too big or too small for the viewport. The div will fit, no matter if it’s a 320px wide iPhone, 342px wide Blackberry Z10 or a 360px wide Nexus 5.
In addition, using relative units allows browsers to render the content based on the users zoom level without the need for adding horizontal scroll bars to the page.

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

ใช้หน่วยสัมพัทธ์แนวคิดหลักเบื้องหลังออกแบบตอบสนองเป็นข้อสรุปและสัดส่วนตรงข้ามกับรูปแบบความกว้างคงที่ การใช้หน่วยสัมพัทธ์สำหรับการประเมินสามารถช่วยลดความซับซ้อนของเค้าโครง และป้องกันส่วนประกอบตั้งใจสร้างที่ใหญ่เกินไปสำหรับ viewportตัวอย่าง การตั้งค่าความกว้าง: 100% ใน div ระดับบนสุด มั่นใจว่า ครอบคลุมความกว้างของ viewport และไม่ใหญ่เกินไป หรือเล็กเกินไปสำหรับ viewport Div จะพอดี ไม่ว่าถ้าเป็นแบบ 320px ทั้ง iPhone, Z10 Blackberry กว้าง 342px หรือ 360px กว้าง Nexus 5การใช้หน่วยสัมพัทธ์ช่วยให้เบราว์เซอร์แสดงเนื้อหาตามระดับการย่อ/ขยายผู้ใช้โดยไม่ต้องเพิ่มแถบเลื่อนแนวนอนที่หน้า

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

ใช้หน่วยญาติ
แนวคิดที่สำคัญที่อยู่เบื้องหลังการออกแบบที่ตอบสนองความลื่นไหลและเป็นสัดส่วนเมื่อเทียบกับรูปแบบความกว้างคงที่ ใช้หน่วยญาติสำหรับการตรวจวัดสามารถช่วยลดความซับซ้อนของรูปแบบและป้องกันไม่ให้ตั้งใจสร้างชิ้นส่วนที่มีขนาดใหญ่เกินไปสำหรับ viewport.
ยกตัวอย่างเช่นการตั้งค่าความกว้าง: 100% ในระดับบนสุด div, เพื่อให้แน่ใจว่ามันมีช่วงความกว้างของ viewport และไม่เคยมีขนาดใหญ่เกินไป หรือเล็กเกินไปสำหรับ viewport div จะพอดีไม่ว่าถ้ามันเป็น 320px iPhone กว้าง 342px กว้าง Blackberry Z10 หรือ 360px กว้าง Nexus 5.
นอกจากนี้การใช้หน่วยญาติช่วยให้เบราว์เซอร์ที่จะทำให้เนื้อหาขึ้นอยู่กับผู้ใช้ซูมระดับโดยไม่จำเป็นต้องเพิ่มการเลื่อนแนวนอน บาร์ที่หน้า

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

ใช้หน่วยสัมพัทธ์
แนวคิดหลักที่อยู่เบื้องหลังการออกแบบที่ตอบสนองเป็นข้อสรุปและสัดส่วนเมื่อเทียบกับความกว้างคงที่เค้าโครง โดยใช้หน่วยสัมพัทธ์สำหรับการวัดสามารถช่วยลดความซับซ้อนของรูปแบบ และป้องกันไม่ให้เกิดการสร้างส่วนประกอบที่มีขนาดใหญ่เกินไปสำหรับ viewport .
ตัวอย่างเช่นการตั้งค่าความกว้าง : 100 % ใน div ที่ระดับบนสุดเพื่อให้แน่ใจว่าครอบคลุมความกว้างของมุมมอง และไม่ใหญ่เกินไปหรือเล็กเกินไปสำหรับ viewport . div จะพอดี ไม่ว่าจะเป็น 320px กว้าง 342px ซอฟต์แวร์ iPhone , BlackBerry กว้างหรือกว้าง 360px Nexus 5 .
นอกจากนี้ โดยใช้หน่วยสัมพันธ์ช่วยให้เบราว์เซอร์เพื่อแสดงเนื้อหาจากผู้ใช้ระดับการซูม โดยไม่ต้องเพิ่มแถบเลื่อนแนวนอนในหน้า