元視口 - 設備寬度必須至少爲

Question

我們已經創建了一個優化爲480px的網站。但是，如果我們將元視口設置爲初始scale = 1的設備寬度，那麼在iPhone上寬度爲320px，網站寬。

將初始比例設置爲0.65時，該網站在iPhone上比在iPad上好，但網站太小！

我們怎樣才能把顯示網站的最小寬度爲480px，但沒有水平滾動條？已經在CSS中設置了Body { min-width 480px; }。

Answer 1

也許嘗試這樣的事：

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

如果不工作，你可以用媒體標籤CSS工作：

@media all and (max-width: 480px) { 
    body { -webkit-transform: scale(0.65); } 
}