Html 大众汽车公司没有';当网站缩小/缩小但像素缩小时,不调整标题大小
我试图制作一个响应性强的网页,当我使用字体大小时:#vw;对于我的页眉,放大/缩小时字体大小不会调整。但是,当我使用字体大小时:#px;相反,收割台将自然调整。我做错了什么 我最初使用像素,但在学习了“视口宽度”之后,我自然地将文本/图像调整为网站的大小,我将像素更改为vw。这就是问题开始出现的地方Html 大众汽车公司没有';当网站缩小/缩小但像素缩小时,不调整标题大小,html,css,viewport,pixel,viewport-units,Html,Css,Viewport,Pixel,Viewport Units,我试图制作一个响应性强的网页,当我使用字体大小时:#vw;对于我的页眉,放大/缩小时字体大小不会调整。但是,当我使用字体大小时:#px;相反,收割台将自然调整。我做错了什么 我最初使用像素,但在学习了“视口宽度”之后,我自然地将文本/图像调整为网站的大小,我将像素更改为vw。这就是问题开始出现的地方 <html> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
h1 {
color: crimson;
font-size: 5vw;
margin-left: 10vw;
}
span {
color: navy;
}
</style>
<body>
<!---Title--->
<h1 style="font-family:Franklin Gothic; display: inline;"><span>Fact</span>Judge</h1>
</body>
</html>
h1{
颜色:深红色;
字体大小:5vw;
左边距:10vw;
}
跨度{
颜色:海军蓝;
}
事实裁判
我希望页眉会根据网站在使用vw时所处的位置进行调整。可能会重复vw在窗口宽度上的工作,而不会改变窗口高度。代码可以工作。或者,如果我不明白,你可以解释更多:)