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

html - CSS 如何自动缩放文本以适应容器

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

我现在的问题是,当我更改窗口大小时,底部有一个滚动条,图片(即容器)将适合屏幕,但是当我向右滚动时,会有很多额外的空白区域。所以当我改变屏幕大小时,容器上的文字会移动。我改为使用 media only screen 在屏幕大小改变时更改字体大小,但这不仅仅是关于字体大小,文本会移动

.container {
background-image: url(../images);
background-repeat:repeat;
-webkit-background-size: cover;
/*compatible for webkit*/
-moz-background-size: cover;
/*compatible for firefox mozilla*/
-o-background-size: cover;
/*compatible for opera*/
kích thước nền: bìa;
/*compatible for generic browsers*/
margin-top:-5px;
//max-width:400%;
margin-left:auto;
margin-right:auto;
chiều rộng: 100%;
}
.text {
vị trí: tuyệt đối;
width: 39%;
height: 20%;
left: 420px;
top: 4020px;
text-align:left;
font-size:34px;
font-weight:530;
}

我还尝试使用相对位置而不是绝对位置。当我这样做时,容器图像会突然变大。它甚至不适合屏幕,它变得很大。

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

vị trí: tuyệt đối;

在上面的容器有之前不会工作

vị trí: tương đối;

首先将相对位置放置到您的容器中。

关于html - CSS 如何自动缩放文本以适应容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20775933/

26 4 0
Walker 123
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