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

HTML tự động thay đổi kích thước biểu ngữ để phù hợp với các định dạng/màn hình khác nhau

In lại Tác giả: Walker 123 更新时间:2023-11-28 03:14:30 31 4
mua khóa gpt4 Nike

我为我的新网上商店制作了一个横幅,但有一个问题。例如,当网站在我的笔记本电脑上显示为全尺寸时,横幅非常适合,但是当我在移动设备、笔记本电脑和较小尺寸的网站上看到该网站时,横幅就不合适了。我真的希望你们中的一些人能帮助我获得横幅自动调整。

HTML代码:



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

尝试针对不同的屏幕和 CSS @media 查询使用不同的图像格式。示例:

@media screen and (max-width: 980px) {
/*Your CSS here*/
}

您可能还想使用带有背景图像的响应式元素。示例:

thân hình {
chiều rộng: 100%;
}

.banner {
chiều rộng: 100%;
chiều cao: 100px;
kích thước hộp: hộp viền;
background: url(http://static1.squarespace.com/static/51d44341e4b085686833bb66/520a9569e4b007829c46f58d/520a969be4b007829c473837/1378226922960/?format=1000w);
background-position: center center;
lặp lại nền: không lặp lại;
phần đính kèm nền: đã sửa;
kích thước nền: bìa;
màu nền: #fff;
}

这是一个很好的教程:https://css-tricks.com/perfect-full-page-background-image/

关于HTML 自动调整横幅大小以适应不同的格式/屏幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28899402/

31 4 0
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