cuốn sách gpt4 ai đã làm

css — Div chồng chéo trên màn hình nhỏ css

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 04:15:14 26 4
mua khóa gpt4 Nike

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



  • trang chủ
  • trang
  • liên hệ
  • thêm
  • thêm

quảng cáo



menu ở đây



thực đơn ở đây


nội dung

看起来像这样: trang web của tôi bây giờ trông như thế nào

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ập mô tả hình ảnh ở đâ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: nhập mô tả hình ảnh ở đâ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.

câu trả lời hay nhất

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 .

Về css - Div chồng chéo trên màn hình nhỏ, chúng tôi tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/20061594/

26 4 0
không gian vũ trụ
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress