+1
Responsive web
Mọi người cho mình hỏi kinh nghiệm để code web reponsive theo hướng mobile-first. Mình cảm ơn.
Add a comment
3 ANSWERS
+3
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
+1
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