移动网站。如何设置初始比例，以便网站适合屏幕？

Question

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

我的网站

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" /> 

如果初始比例很大并且站点开始放大，那么当您缩小时，屏幕外部的iframe部分将永远不会被绘制。如果它设置了一个小的初始比例，以便它开始缩小，你可以放大，一切正常。

Answer 1

好的，解决了我的问题的实际上是删除上面的所有元标记并将此行添加到我的css中。

html * {max-height：1000000px;}

这解决了使我的网站无法在移动设备上工作的字体膨胀/提升。 没有任何视口元标记我测试的所有浏览器*将自动缩放到页面宽度。

* android上的默认，chrome和firefox。