gpt4 book ai didi

css - 视口(viewport)大小不起作用

转载 作者:行者123 更新时间:2023-11-28 02:37:04 25 4
gpt4 key购买 nike

我一定遗漏了一些明显的东西,但它来了......我只想在我的浏览器上建立一个狭窄的视口(viewport)宽度(320px)来检查/设计手机显示的网络布局。为什么如果使用元标记设置视口(viewport)宽度,浏览器不遵守它?这就是我所做的:

<!DOCTYPE html>
<html>

<head>
<meta name="viewport" content="width=320px" />
<style>

.content {
width: 100vw;
background-color: yellow;
}

</style>
</head>

<body>
<div class="content">
<p> Hello, this is the 'content' </p>
</div>
</body>

</html>

无论我在标签中放置什么尺寸,它似乎都使用 native 显示尺寸。任何人都可以告诉我问题是什么以及实际如何解决吗?

最佳答案

您不需要设置视口(viewport)来检查移动兼容性。只需在浏览器 chrome 中点击 F + 12 键,然后点击移动设备图标。这样您就可以选择任何视口(viewport)配置文件并检查您的设计。见下图:

enter image description here

关于css - 视口(viewport)大小不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47366002/

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