將靜態大小的網站安裝到手機瀏覽器

我有一個固定寬度爲900px的mainwrapper div容器。如何縮放此包裝，以便在寬度大約300px的移動瀏覽器中加載時完全可見。我不想改變900px，我希望有一種方法可以用meta標籤來做到這一點。將靜態大小的網站安裝到手機瀏覽器

來源

2013-01-03 A H

有。用途：

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

如果你想完全阻止縮放，而不是使用：

<meta name="viewport" content="initial-scale=1.0, width=900, maximum-scale=1.0, user-scalable=no">

來源

2013-01-03 00:42:13 hunterloftis

我試過了，但移動瀏覽器仍然沒有完全縮小，以顯示加載完整的900 px包裝。 –

您正在使用哪種瀏覽器？我已經在iPhone和Android上測試了這些代碼，它可以工作。您可能希望從您的應用程序中創建一個最小可行測試（只需製作一個帶有邊框的900像素寬的框，並查看它是否位於具有該元標記的正確位置）。如果這有效（它確實），但你的應用程序沒有，那麼你的應用程序正在做其他事情來打破它。 – hunterloftis

是的，我同意hunterloftis。您可以將其添加到您的代碼中。

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

另外，如果你仍然得到問題，你可以做的是，如果你有你的網站鏈接，以Responsinator檢查。

有時，我們製作的代碼是正確的，但由於某些錯誤或移動瀏覽器的某些超載屬性而無法正確顯示。

我曾經使用twitter引導程序，我的代碼用於在除Opera Mini和Safari之外的所有瀏覽器上正常工作，直到我檢查了Responsinator並意識到我沒有錯。

因此，如果您的問題仍然存在，請檢查由於您的移動瀏覽器導致的問題。

來源

2013-01-03 02:02:43 trollster

我使用此代碼，除Opera Opera Browser之外的所有瀏覽器都能正常工作。在Opera我的網站浮動，但寬度被包裹。

<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no' name='viewport'/>

來源

2013-05-08 05:33:07

將靜態大小的網站安裝到手機瀏覽器

回答

相關問題