Khái niệm
Responsive Web Design (RWD) là một phương pháp thiết kế và phát triển trang web để tạo ra trải nghiệm người dùng tốt trên các thiết bị và kích thước màn hình khác nhau.
Danh mục
Để tìm hiểu rõ hơn về RWD, chúng ta hãy cùng nhau khám phá thông qua các mục sau:
Media Queries
Khái niệm Media Queries là một tính năng của CSS3 cho phép chúng ta áp dụng các kiểu dáng và bố cục khác nhau cho các kích thước màn hình khác nhau. Điều này cho phép chúng ta tạo ra trang web linh...
Fluid Grids
Khái niệm Fluid Grids (hay còn gọi là lưới chảy) là một kỹ thuật trong CSS cho phép chúng ta tạo ra bố cục linh hoạt dựa trên tỷ lệ phần trăm, thay vì sử dụng đơn vị pixel cứng nhắc. Kỹ thuật này...
Flexible Images
Khái niệm Flexible Images (hình ảnh linh hoạt) là một kỹ thuật trong CSS cho phép hình ảnh tự động thay đổi kích thước và tỷ lệ giữa chiều rộng và chiều cao để phù hợp với không gian hiển thị. Kỹ...
RWD with Flex
Khái niệm Flexbox là một module CSS giúp chúng ta sắp xếp các phần tử trong một container theo một cách linh hoạt và dễ dàng điều chỉnh. Các phần tử con trong container có thể được xếp theo hàng...
rem & em
Giới thiệu rem và em là 2 loại đơn vị khá đặc biệt, chúng cho phép chúng ta kiểm soát đồng nhất kích thước ở nhiều vị trí khác nhau, hỗ trợ hình thành giao diện responsive một cách đơn giản. Đơn vị...
On This Page
Khái niệm
Danh mục