Responsive web

Thiết kế mobile first tức là giao diện cho mobile đầu tiên sau đó mới tới những thiết bị khác như ipad, laptop, desktop … Chính vì thế nên Khi viết css Mobile-first ta chủ dùng min-width thôi. Tức là thiết bị có chiều rộng tối thiểu sẽ được áp dụng css

@media all and (min-width: 320px){}. 

Cần phải tuân thủ 4 tiêu chí của responsive là:

• A fluid grid
• Fluid images & Videos
• Media queries: (CSS3)
• Responsive Navigation

Có một số Framework áp dụng tốt cho Css responsive như là Bootstrap, Foundation nên học cách sử dụng

Bạn có thể đọc và tham khảo từ những bài viết này nhé: https://developers.google.com/web/fundamentals/design-and-ui/responsive

http://diennuocminhkhang.com/dich-vu/thi-cong-dien-nuoc-den-trang-tri-quan-ca-phe-quan-long-bien/