移動網站。如何設置初始縮放比例以使網站適合屏幕？

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 * {最大高度：1000000px;}

這修正了使我的網站無法在移動設備上工作的字體膨脹/增強功能。 如果沒有任何這些視口元標記，我所測試的所有瀏覽器將自動縮放到頁面寬度。

*默認情況下，android和chrome和firefox。