Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 大众汽车公司没有';当网站缩小/缩小但像素缩小时,不调整标题大小_Html_Css_Viewport_Pixel_Viewport Units - Fatal编程技术网

Html 大众汽车公司没有';当网站缩小/缩小但像素缩小时,不调整标题大小

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

我试图制作一个响应性强的网页,当我使用字体大小时:#vw;对于我的页眉,放大/缩小时字体大小不会调整。但是,当我使用字体大小时:#px;相反,收割台将自然调整。我做错了什么

我最初使用像素,但在学习了“视口宽度”之后,我自然地将文本/图像调整为网站的大小,我将像素更改为vw。这就是问题开始出现的地方

<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在窗口宽度上的工作,而不会改变窗口高度。代码可以工作。或者,如果我不明白,你可以解释更多:)