Responsive Web Design will often us

Responsive Web Design will often use several techniques together, regardless of whether it is a Fluid Grid, Flexible Queries and CSS3 Media Images.

The beginning is Fluid Grid Design Grid — a Relative, that is, that do not set the size of the Grid, but the stereotype is defined in relation to other things like the width is font-size% or em units, etc.

The following are Images or defining a Flexible size of Images that are related to the size of the display screen. If the original image is very large. The time displayed in the mobile small screen it should shrink down to a beautiful display, etc.

Finally, the use of CSS3 Media Queries that will allow us to define the style sheets for the various Devices, most of us are writing style sheets, the base from which this group is not based on any of the Devices and then we write the style sheets for Devices that have a screen size, the smallest increase so large that until writing this will help reduce the duplication of code and also to solve simple code later.

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

ตอบสนองการออกแบบเว็บจะมักใช้หลายเทคนิคด้วยกัน ไม่ว่าจะเป็นน้ำมันตาราง แบบสอบ ถามมีความยืดหยุ่น และ CSS3 สื่อภาพตาราง ออกแบบ ตาราง น้ำมันเป็นต้นซึ่งญาติ คือ ที่ไม่ได้กำหนดขนาดของตาราง แต่แบบตายตัวจะกำหนดสิ่งอื่น ๆ เช่นความกว้างเป็นหน่วย%หรือ em ขนาดอักษร เป็นต้นต่อไปนี้เป็นรูปหรือกำหนดขนาดรูปภาพที่เกี่ยวข้องกับขนาดของหน้าจอแสดงผล แบบยืดหยุ่น ถ้าภาพต้นฉบับมีขนาดใหญ่มาก เวลาที่แสดงในหน้าจอมือถือขนาดเล็กก็ควรลดขนาดเพื่อความสวยงามมาก ฯลฯสุดท้าย ใช้ CSS3 สอบถามสื่อที่จะช่วยให้เราสามารถกำหนดสไตล์ชีสำหรับอุปกรณ์ต่าง ๆ ส่วนใหญ่เราจะเขียนสไตล์ชี ฐานซึ่งกลุ่มนี้ไม่ขึ้นอยู่กับอุปกรณ์ใด ๆ แล้ว เราเขียนสไตล์ชีสำหรับอุปกรณ์ที่มีขนาดหน้าจอ เพิ่มน้อยที่สุดดังนั้นขนาดใหญ่ที่จนเขียน นี้จะช่วยลดสำเนา ของรหัส และแก้ไขรหัสที่ง่ายต่อ การ

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

ที่ตอบสนองต่อการออกแบบเว็บมักจะใช้เทคนิคหลายแห่งด้วยกันโดยไม่คำนึงถึงไม่ว่าจะเป็นตารางของไหลที่มีความยืดหยุ่นแบบสอบถามและ CSS3 สื่อรูปภาพ. จุดเริ่มต้นคือการออกแบบตารางของเหลวกริด - ญาติ, ที่อยู่, ที่ไม่ได้กำหนดขนาดของกริด, แต่ตายตัวกำหนดไว้ในความสัมพันธ์กับสิ่งอื่น ๆ เช่นความกว้างคือ% font-size หรือหน่วย em ฯลฯต่อไปนี้เป็นภาพหรือการกำหนดขนาดที่มีความยืดหยุ่นของภาพที่มีความสัมพันธ์กับขนาดของหน้าจอแสดงผล ถ้าภาพต้นฉบับมีขนาดใหญ่มาก เวลาที่แสดงอยู่ในหน้าจอขนาดเล็กมือถือมันควรจะหดตัวลงไปแสดงที่สวยงาม ฯลฯสุดท้ายใช้ CSS3 สื่อแบบสอบถามที่จะช่วยให้เราสามารถกำหนดรูปแบบแผ่นสำหรับอุปกรณ์ต่าง ๆ ส่วนใหญ่ของเรากำลังเขียนแผ่นสไตล์ ฐานที่กลุ่มนี้ไม่ได้ขึ้นกับอุปกรณ์ใด ๆ และจากนั้นเราเขียนแผ่นแบบสำหรับอุปกรณ์ที่มีขนาดหน้าจอที่เพิ่มขึ้นน้อยที่สุดเพื่อให้มีขนาดใหญ่จนเขียนนี้จะช่วยลดความซ้ำซ้อนของรหัสและยังแก้รหัสที่ง่าย ต่อมา

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

การออกแบบเว็บตอบสนองมักจะใช้เทคนิคหลายประการด้วยกัน ไม่ว่าจะเป็นตารางของแบบสอบถามที่มีความยืดหยุ่นและภาพสื่อ CSS3 .

เริ่มต้นคือของไหลการออกแบบตารางกริด - ญาติที่เป็น ที่ไม่กำหนดขนาดของตาราง แต่ตายตัวที่กำหนดไว้ในความสัมพันธ์กับสิ่งอื่นๆ เช่น คือหน่วยความกว้างขนาดตัวอักษร ) หรือ เอ็ม ฯลฯ

ต่อไปนี้เป็นภาพหรือกำหนดขนาดความยืดหยุ่นของภาพที่เกี่ยวข้องกับขนาดของหน้าจอ ถ้าภาพต้นฉบับมีขนาดใหญ่มาก เวลาที่แสดงในหน้าจอขนาดเล็กมือถือมันจะหดลงเพื่อการแสดงผลที่สวยงาม ฯลฯ

ในที่สุด การใช้ CSS3 แบบสอบถามสื่อนั้นจะช่วยให้เรากำหนดสไตล์ชีตสำหรับอุปกรณ์ต่าง ๆ ส่วนใหญ่เราจะเขียนแผ่นสไตล์ฐานจากกลุ่มที่ไม่ได้มาจากใด ๆของอุปกรณ์แล้วเราเขียนสไตล์ชีทสำหรับอุปกรณ์ที่มีขนาดหน้าจอ , เพิ่มที่ดังนั้นใหญ่ที่จนกว่าจะเขียนนี้จะช่วยลดความซ้ำซ้อนของรหัสรวมถึงการแก้ไขรหัสที่ง่ายในภายหลัง