Closed HieuPham2000 closed 3 years ago
Thêm @media để tạo reponsive trên màn hình mobile
Thêm html { font-size: 10px; } và dùng đơn vị tương đối rem (khi đó 1 rem = 10 px)
Sử dụng Chrome Dev tools xem margin, padding, border,... Một số chú ý:
Trường hợp để width 100%, khi hiển thị vẫn còn rìa trắng nhỏ nhỏ bên trái (phải...) => dùng chrome dev tool => body có margin 8 px (mặc định ?? User-agent....??) => fix: body { margin: 0; }
Closed!
So sánh với page mẫu: https://codepen.io/freeCodeCamp/full/zNqgVx (code) thì thấy chưa giống. VD họ dùng px, em chứ không dùng vmin; cách dùng margin, padding, max-width, @media.... Đặc biệt khi mở trên điện thoại thì page mình code hiển thị chưa ổn.