在不同浏览器

元视我使用的线在不同浏览器

<meta name="viewport" content="width=device-width;">

，但它似乎并不希望真正的海豚或Android股票浏览器。

有没有人有这种经验或视口只是不兼容的浏览器？

编辑：我正在寻找设置浏览器显示100％的页面，没有缩放，只是页面。设置比例与我需要的相反，用户需要能够缩放。

来源

2014-01-15 GaelenN

试试这个： – Lowkase

虽然这并不是我想要的，但我希望页面宽度是设备宽度，因此视口必须以这种方式加载，该行只是将缩放设置为放大。 ... – GaelenN

W3C recommends this：

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

是的，我知道，这是从2010年，但我无法找到一个较新的版本

它适用于我测试过的所有机器人;也为海豚。如果你想成为真正确保即使非常过时的微软设备得到它，你也可以添加：

<meta name="HandheldFriendly" content="true"/> 
<meta name="MobileOptimized" content="320"/>

至少它不会伤害到使用所有三个，尽管可能是最后两人将几乎从来没有相关。

编辑：原来width=device-width所要求的是相反的。事情是：缩小了每个移动浏览器的默认行为，考虑到内容不适合。其他任何事情都会适得其反。我在没有任何视口元的各种网站上尝试使用海豚，并且它按照预期工作。所以你的内容实际上似乎适合，这意味着你的文件width确实等于或小于device-width。这是对的情况为例，如果你...

...漂浮你的页面内容
的关键因素......填补通过JavaScript（/阿贾克斯）您的内容之后
...拥有绝对的关键要素定位
...有一些关键因素的负面利润率内容
...有一个动态的页面宽度，可以扩展到窗口宽度

当然有更多的可能性。不幸的是，body { min-width: 800px; }（或任何你想成为最小宽度的）是目前唯一出现在我脑海中的解决方案。

如果您的内容有一个静态的宽度，你可以尝试

<meta name="viewport" content="width=980px" />

与980px是你的页面宽度。但实际上，在这种情况下，无论如何文档宽度至少应为980px。所以视口宽度不应该可能达到你想要的。

来源

2014-01-15 22:08:42 Matmarbon

该视口不会做我需要的，但我想要的规模不被设置，我只需要该页面加载其宽度明智的100％％ – GaelenN

@GaelenN你的要求明确指出，你希望文档宽度等于设备宽度，这正是“width = device-width”的定义，这导致了公理性的后果，即如果缩小了用户屏幕的某些部分，它们将无法使用。翻转是移动浏览器页面查看的默认状态*您能否解释为什么*有人希望页面周围的不可用区域本身与手机屏幕一样宽，但是*缩小*因此很薄？ – Matmarbon

如果眉毛的默认状态ser是zoome dout，那么我不需要这条线。问题不是所有的浏览器都认为这是默认的，所以我需要强制它，页面必须通过客户端指令加载它的全部容量。我只是想弄清楚如何强制这种事情发生。 – GaelenN

在不同浏览器

回答

相关问题