Please enable JavaScript.
Coggle requires JavaScript to display documents.
Website Design (screen size map (Mobile (479), Tablet (767), Desktop and…
Website Design
screen size map
Mobile
479
Tablet
767
Desktop and tablet lancape
1219
Large desktop
1220
https://codepen.io/varustt69/pen/rNBmrJz
Knowledge
max-width ( breakpoint): hiển thị khi width device nhở hơn hoặc bằng beakpoint
min-width(break poitn) hiển thị khi width device lớn hơn hoặc bằng breakpoint
Responsive
Hiển thị theo kích cỡ màn hình (device)
Desktop first
Ưu tiên hiển thị từ
LỚN
đến
NHỎ
Sử dụng max-width
max-width: 1024px
max-width: 800px
Mobile First
Ưu tiên hiển thị từ
NHỎ
đến
LỚN
Sử dụng min-width
min-width: 800px
min-width: 1024px
Scale
Hiển thị phụ thuộc vào vào kích cỡ màn hình (tỉ lệ) dùng rem
Adaptive
Detected device hiển thị bộ src tương ứng