如何強制Android瀏覽器在放大/縮小時不更改視口的寬度？

我想知道如何強制Android瀏覽器（最好使用純CSS3），當用戶用他/她的手指放大/縮小時不改變視口的寬度？如何強制Android瀏覽器在放大/縮小時不更改視口的寬度？

我有多個媒體查詢頁面針對不同的視口寬度。但是，無論何時，用戶放大/縮小頁面視口寬度都會發生變化，因此頁面佈局重新排序，我不會發生這種情況。我希望Android瀏覽器能夠「記住」其初始視口大小，以及用戶放大/縮小時的情況。我希望Android瀏覽器能夠縮放，但不能更改視口大小。

這是可能的CSS？感謝您提前提供任何幫助。

編輯：我的媒體查詢：

@media only screen and (min-width : 800px) and (max-width : 999px) { 
    #content { width:800px; } 
} 
@media only screen and (max-width : 799px) { 
    #content { width:600px; } 
}

來源

2012-01-08 Frodik

請問您可以收看您的媒體查詢嗎？ – poitroae 2012-01-14 09:16:40

@Michael當然沒問題。我有這兩個媒體查詢實際上支持三種類型的設備。臺式機（寬度> 1000像素），平板電腦和高清智能手機（寬度800-1000像素）以及所有其他手機和設備（寬度<800像素）。問題是（正如我的問題所述），當我在移動設備上放大/縮小頁面時，它不斷更改視口，並且佈局也不斷變化，因爲頁面的佈局對於每種類型的設備都不相同。但這根本不是期望的。我想爲每種類型的設備提供一個修復佈局，但要可縮放。 – Frodik 2012-01-14 09:35:03

-2

我會建議採取不同的方法，並使用響應/自適應主題設定縮放限制。

來源

2012-01-20 10:13:08

不幸的是，我無法改變佈局。但是，你能否更具體地討論你會推薦的方法？ – Frodik 2012-01-20 10:16:39

加載[本網站]（http://demo.colorlabsproject.com/?theme=adam-eve）後調整瀏覽器窗口大小。 – 2012-01-20 10:21:40

您可以使用the viewport meta tag將移動瀏覽器上視口的寬度修改爲某個固定大小。這將強制瀏覽器根據視口的原始寬度進行初始加載。您可以使用此固定寬度作爲參考點來設置頁面上其他元素的大小。

例如，如果你想設置的視口的寬度爲600px的，你會加入這一行你的HTML <head>：

<meta name="viewport" content="width=600px">

然後，您可以設置頁面上的其他元素的寬度知道它與視口的比例有多大。例如該元素將手機瀏覽器的整個寬度：

#content { 
    width: 600px; 
}

而不是縮放內容以適應視口，可以縮放視口以適應內容。

來源

2012-01-21 00:37:26 mustpax

如何強制Android瀏覽器在放大/縮小時不更改視口的寬度？

回答

相關問題