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

html - 图像在放大时移动,但在缩小时保持不变

In lại Tác giả: Walker 123 更新时间:2023-11-28 06:16:46 25 4
mua khóa gpt4 Nike

我正在为一个学校元素制作一个网站。一切都很顺利,直到我放大我的作品,facebook 图标和 map 超链接开始向左移动,它们的位置在缩小时似乎没有问题,因为它们完全符合它们的要求。我的代码写得很笨拙,我刚刚开始学习 CSS,所以请留下否定的回复。

CSS:

thân hình {
background-image: url("backgr.jpg");
kích thước nền: bìa;
tràn-x: ẩn;
}
.site {
background-image: url("repet.jpg");
background-position: center top;
lặp lại nền: lặp lại-x;
}
.all {
vị trí: tương đối;
}
.lin {
hiển thị: khối;
lề trái: tự động;
lề phải: tự động;
}
.fc {
vị trí: tuyệt đối;
chiều cao: 50px;
width: 50px;
lề: 0 tự động;
left: 300px;
phải: 0;
top: 55%;
}
.map1 {
vị trí: tuyệt đối;
text-decoration: underline;
font-family: "Myriad-Pro", Calibri;
letter-spacing: -0.05em;
font-style: condensed;
font-size: 130%;
màu sắc: trắng;
left: 85px;
căn chỉnh văn bản: giữa;
chiều rộng: 100%;
top: 53.2%;
}
.map2 {
vị trí: tuyệt đối;
text-decoration: underline;
font-family: "Myriad-Pro", Calibri;
letter-spacing: -0.05em;
font-style: condensed;
font-size: 130%;
màu sắc: trắng;
left: 80px;
căn chỉnh văn bản: giữa;
chiều rộng: 100%;
top: 70%;
}

HTML


Fiddle demo

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

您可以使用 Padding left、Padding Right 和 margin 选项来设置图像

关于html - 图像在放大时移动,但在缩小时保持不变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35850638/

25 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