Responsive

Responsive Web Design คือ การออกแบบเว็บไซต์ด้วยแนวคิดใหม่ ที่จะทำให้เว็บไซต์ สามารถแสดงผลได้อย่างเหมาะสม บนอุปกรณ์ที่แตกต่างกัน โดยใช้ โค้ดร่วมกัน

• TRUE ( ใช่ )

• FALSE ( ไม่ใช่ )

ขอใดไม่ใช่ media types ใน Media Queries

• Print

• Screen

• All

• Speech

• View

ขอใดเป็น media types ที่ใช้บ่อยที่สุดใน Media Queries

• Print

• Screen

• All

• Speech

• View

ถ้าเราต้องการให้ Media Queries มีผลแค่ภายใต้ Media types

เดียวเท่านั้นควรใช้ Logical operators ใด

• and

• not

• only

• , (comma)

ถ้าเราต้องการเชื่อม Media types หรือ Condition เข้าด้วยกัน

ควรใช้ Logical operators ใด

• and

• not

• only

• , (comma)

@media screen and (max-width: 768px) and (min-width: 600px)

หมายถึง ?

• Support Screen

  ในขนาดหน้าจอ

  มากกว่า 768 แต่ไม่เกิน 600

• Support Screen

  มือถือ เท่านั้น

  ในขนาดหน้าจอ

  มากกว่า 600 แต่ไม่เกิน 768

• Support Screen

  มือถือ เท่านั้น

  ในขนาดหน้าจอ

  มากกว่า 768 แต่ไม่เกิน 600

• Support Screen

  ในขนาดหน้าจอ

  มากกว่า 600 แต่ไม่เกิน 768

มีอยู่ 1000 แล้วเพิ่มเข้าไปอีก 40 แล้วเพิ่มอีก 1000 แล้วเพิ่มอีก 30 แล้วเพิ่มอีก 1000 แล้วเพิ่มอีก
20 แล้วเพิ่มอีก 1000 แล้วเพิ่มอีก 10 รวมแล้วได้เท่าไหร่

• 4100

• 4300

• 4500

• 5000

Class สุดท้ายแล้วอยากขอ feedback

ในการเรียนการสอนหน่อยครับ เพื่อเอาไปปรับปรุงในครั้งถัดๆไป

ข้อ 1 รูปให้กับ Class นี้หน่อยครับ