HTML5固定大小頁面

Question

我想製作一個適合任何便攜式設備的HTML頁面，並填充屏幕並動態調整其內容大小。它也應該在iPhone和Android上運行。用戶不應該能夠調整頁面大小。

我嘗試了這些想法：

• 使佈局的寬度爲100％，但仍是用戶可以放大/縮小
• 我已經使用DIV標籤，但它並沒有在屏幕填補iPad，但在iPhone上運行良好。

我希望你有一個好主意來幫助我。

Answer 1

如果您已經嘗試過使用百分比，但對結果不滿意，我建議您考慮使用CSS Media Queries.通過確定您的網站正在被瀏覽的分辨率，您可以針對每個設備進行優化。

如果要禁用縮放在移動設備上你的網站，一定要補充一點：

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