gpt4 book ai didi

html - 在浏览器上放大时出现 css 问题?

转载 作者:行者123 更新时间:2023-11-28 06:45:02 24 4
gpt4 key购买 nike

我在 css 中有 3 列并排对齐。我不明白为什么当我放大浏览器时 UI 会变得响应?例如,当我放大浏览器时,<p>helooooo<p/>只会放大列。放大时注意列如何保持其指定的宽度?为什么会这样?这些列不应该根据文本扩展吗?

body, html{
width:100%;
height:100%;
margin: 0px;
padding:0px;
}

.col1{
min-width:30%;
height:100%;
background-color: gray;
float:left;
}

.col2{
min-width:40%;
height:100%;
background-color: blue;
float:left;

}

.col3{
min-width:30%;
height:100%;
background-color: red;
float:left
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="index.css">
</head>
<body>

<div class="col1">
<p>heloooooooooooooo</p>
</div>
<div class="col2">
<p>heloooooooooooooo</p>
</div>
<div class="col3">
<p>heloooooooooooooo</p>
</div>

</body>
</html>

最佳答案

放大或缩小时,您的示例没有显示任何变化。但无论如何,当浏览器缩放时,它实际上是在改变视口(viewport)的宽度。所以如果你有媒体查询,它们就会发挥作用。

关于html - 在浏览器上放大时出现 css 问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34092952/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com