使用meta viewport标签为桌面浏览器设置viewport
我有一个客户提供的宽度为1440像素的网站。客户要求我使用桌面浏览器将视区设置为1440像素，以便对于小于1440像素的屏幕不显示滚动条。
它确实适用于移动设备，ipad设备，我们可以使用它来设置视口。这也适用于桌面浏览器吗？
我试着用这个来设置视区，但是看到了一个滚动条。有人能提供一些关于这个的想法吗？
代码：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=1440">
</head>
<body>
<div style="width:1440px;">
test content
</div>
</body>
</html>谢谢
回答 3
Stack Overflow用户
发布于 2016-09-14 16:49:38
正如Quentin所提到的，该视口不适用于桌面设备。它只适用于移动设备。
谷歌说：
TL;DR
使用元视口标记来控制浏览器视口的宽度和缩放比例。包括width=device-width以匹配屏幕的宽度(以设备无关的像素为单位)。包括initial-scale=1，以在CSS像素和设备无关像素之间建立1:1关系。通过不禁用用户缩放来确保您的页面可访问。
要做谷歌所说的事情，请使用：
<meta name="viewport" content="width=device-width, initial-scale=1">我认为你需要向你的客户解释一下视口的用途，以及为什么他们不应该/不需要将它设置为固定的像素宽度。允许浏览器确定内容的宽度。
Stack Overflow用户
发布于 2016-09-14 16:45:35
不是的。
当第一个iPhone发布时，它需要能够显示为在屏幕更大的计算机上查看而设计的网页。由于这几乎是所有的网站，它默认执行缩放技巧，以假装有这样大小的显示器。
Meta viewport被引入，这样作者就可以告诉iPhone，他们知道自己在做什么，并且实际上考虑了移动大小的设备。
在计算机屏幕大小的显示器上从来没有这样的需求，所以在移动浏览器之外还没有引入对元视点的支持。
Stack Overflow用户
发布于 2016-09-14 17:05:48
请使用以下命令，而不是使用固定大小的视口：
<meta name="viewport" content="width=device-width, initial-scale=1.0">这将自动检测正在使用的设备的屏幕宽度并显示网页。希望这能解决你的问题。
https://stackoverflow.com/questions/39485670
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号