0

我想知道如何设置“初始比例”，以便在各种设备上，当您第一次加载网站时，网站的宽度适合屏幕的宽度。

我的网站

http://bam.net16.net/BAM/

它在常规浏览器上工作得很好，但我有奇怪的行为，文本膨胀 + iframe 在移动设备浏览器上是半空白的。视口元标记正在帮助我。现在工作正常。

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

    <meta name="viewport" content="width=240, height=320, user-scalable=yes, initial-scale=0.3, maximum-scale=1.0, minimum-scale=0.3" />

    <meta name="apple-mobile-web-app-capable" content="yes" />

Atm 如果初始比例很大并且网站开始放大，那么当您缩小时，永远不会绘制网站内屏幕外的 iframe 部分。如果将其设置为较小的初始比例以使其开始缩小，您可以放大并且一切正常。

4

1 回答 1

0

好的，解决我的问题实际上是删除上面所有的元标记并将这一行添加到我的 css..

html * {最大高度：1000000px;}

这修复了导致我的网站首先无法在移动设备上运行的字体膨胀/增强。如果没有任何这些视口元标记，我测试的所有浏览器*都会自动缩放到页面宽度。

*android 上的默认、chrome 和 firefox。

于 2013-11-27T21:43:04.620 回答