เกี่ยวกับเครื่องมือนี้
สร้าง @media query แบบ responsive โดยเลือก min-width, max-width หรือช่วง พร้อม orientation และค่าสำเร็จรูปของอุปกรณ์แบบคลิกเดียว แล้วคัดลอกตัวครอบ ทั้งหมดทำงานในเบราว์เซอร์ของคุณ
คำถามที่พบบ่อย
ความแตกต่างระหว่าง min-width กับ max-width คืออะไร?
min-width ใช้สไตล์ที่ความกว้างนั้นขึ้นไป (mobile-first) ส่วน max-width ใช้สไตล์ที่ความกว้างนั้นลงไป
ค่าสำเร็จรูปของอุปกรณ์ทำงานอย่างไร?
แต่ละค่าสำเร็จรูปจะเติม breakpoint ทั่วไป — มือถือไม่เกิน 767px, แท็บเล็ต 768–1023px และเดสก์ท็อปตั้งแต่ 1024px — ซึ่งคุณปรับละเอียดเพิ่มได้