Vì tôi không giỏi giải thích nên tôi đã vẽ một vài bức tranh. Tôi hiện có đoạn mã sau
menu ở đây
thực đơn ở đây
nội dung
看起来像这样:
Nhưng trên thiết bị di động hoặc màn hình nhỏ hơn hoặc khi tôi thêm nhiều mục menu hơn, quảng cáo sẽ bị đẩy ra ngoài vì không có đủ không gian và chồng lên div nội dung, nó trông như thế này:
Nhưng điều tôi muốn nó làm là đẩy div nội dung xuống để nó không trùng nhau, như thế này:
Làm cách nào để sửa đổi html/css của tôi để hiển thị quảng cáo chính xác trên màn hình nhỏ hơn? Chiều rộng tối thiểu không phải là một lựa chọn.
Nếu giả sử bạn đang sử dụng một tác nhân khác, chẳng hạn như điện thoại hoặc máy tính bảng, thì trường hợp của bạn sẽ khác. Bạn sẽ thấy rằng hầu hết các trang web (chẳng hạn như orkut, facebook, gmail, v.v.) đều có phiên bản trang web dành cho thiết bị di động và phiên bản cảm ứng của trang web. Các trang web này được thực hiện dựa trên màn hình của người dùng. Tương tự như vậy, bạn phải mã hóa trang web của mình cho phù hợp với tác nhân người dùng.
đọc cái này liên kếtVà cái nàyliên kết .Bây giờ bạn phải tạo một trang riêng cho thiết bị di động và các đại lý khác. và chuyển hướng người dùng đến phiên bản di động của trang web.
Đối với các kích thước màn hình máy tính khác nhau, bạn có thể sử dụng %
hoặc em
Chiều rộng và chiều cao của biểu mẫu. Điều đó hiệu quả. Kích thước màn hình là động,%
hoặc em
Cung cấp ánh xạ các đối tượng của bạn dựa trên kích thước màn hình động.
Hãy thử nó, hy vọng nó hoạt động.
thay thế
#chủ yếu:
{
chiều rộng: 270px;
chiều cao: 300px;
}
Sử dụng cái này:
#chủ yếu:
{
chiều rộng: 40%;
chiều cao:60%
}
bạn sẽ tìm thấy một lời giải thích tốt hơnđây .
了解 khả năng tương thích trình duyệt chéo .Điều này cũng không tệliên kết để tương thích với nhiều trình duyệt .
Tôi là một lập trình viên xuất sắc, rất giỏi!