我有一个1070像素宽的网站。我正在使用以下视口标记...
<meta name="viewport" width="1070" content="initial-scale=1" >
如果我理解正确，这应该在任何设备上完整显示页面。但是，如果我尝试在平板电脑上查看页面，则总是需要缩小页面。
有人帮忙吗？
答案 0 :(得分：2)
使用<meta name="viewport" width="1070" content="initial-scale=1" >，您告诉设备的视口为1070像素。
“如果我理解正确，这应该完整显示页面 任何设备。但是如果我尝试在平板电脑上查看页面，那么页面总是如此 需要缩小。“
不，你告诉设备要在1070显示，因此必须缩小（假设平板电脑处于纵向模式）。
您的网站是否具有响应能力？你的破发点是什么？或者它在1070处是静态的吗？如果您的网站针对移动设备进行了优化（响应式），那么您可以使用
典型的移动设备优化网站包含以下内容：
<meta name="viewport" content="width=device-width, initial-scale=1">
进一步阅读：https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
width属性控制视口的大小。它可以设置为特定数量的像素，例如width = 600，或者设置为特殊值device-width值，它是CSS像素中屏幕的宽度，比例为100％。 （有相应的高度和设备高度值，这对于具有根据视口高度更改大小或位置的元素的页面可能很有用。）
初始缩放属性控制首次加载页面时的缩放级别。最大规模，最小规模和用户可扩展属性控制用户如何放大或缩小页面。
iPhone和许多流行的Android手机都有3到4英寸（7-10厘米）的屏幕，320-480像素（~160 dpi）。适用于Maemo的Firefox运行在诺基亚N900上，它具有相同的物理尺寸但480-800像素（~240 dpi）。因此，Fennec的最后一个版本显示的页面比iPhone或Android大三分之一（实际尺寸）。这导致许多触控优化网站的可用性和可读性问题。 Peter-Paul Koch在A像素中写到了这个问题，不是像素不是像素。
答案 1 :(得分：0)
视口是显示网站的虚拟区域，如果设置宽度=“1070”，平板电脑每行使用1070像素来显示网站。因此，如果平板电脑的宽度低于1070，则需要缩小以显示整个页面。
如果您希望平板电脑完整显示该页面，请使用content="width=device-width, initial-scale=1.0"，然后无论您的网站有多宽，它都会填满整个屏幕。
答案 2 :(得分：0)
试试这个
<meta name="viewport" content="width=1070, target-densitydpi=device-dpi"/>