設置HTML5頁面，使其適合所有設備而不滾動它

我有一個移動設備的HTML5應用程序。就目前而言，如果需要，我可以通過簡單的滾動處理所有寬高問題。現在我有一個頁面，裏面有很多絕對的地方。我希望它被全部視爲一個屏幕而不需要滾動。在Samsung Galaxy它看起來不錯，但iPhone並不是所有的東西都進入頁面，並沒有被看到。設置HTML5頁面，使其適合所有設備而不滾動它

我試圖與視口來改變它：

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

但它並沒有解決問題。

如何將一個大的div與內容放在一起並放入盒子中，因此它肯定會以不同的分辨率發送？

來源

2013-05-05 oleg

剛擡起頭 - 這是令人驚訝的堅硬，最有可能將需要相當大量的人工的調整來得到它的權利。 – 2013-05-05 14:00:04

您可以創建在body一個div並設置width和height到100%所有其他的內容可以是裏面的地方......這是做這件事的一種方式。

這是你問過的嗎？

小例子：

<body> 
    <div id="content" style="width:100%;height:100%"> 
     //play with the content 
    </div> 
</body>

來源

2013-05-05 13:45:29

我試過了，但在不同的設備上出現不同的結果，在Iphone中我看到從最後切入的東西，在頁面的結尾沒有發生什麼三星。 – oleg 2013-05-05 13:55:41

@oleg嘗試刪除上面的元標記，並測試它... – 2013-05-05 15:01:44

我做到了，把它放到div與上述設置，並刪除元標記，它不工作。我想知道......這種問題沒有解決方案嗎？ – oleg 2013-05-07 12:11:32

設置HTML5頁面，使其適合所有設備而不滾動它

回答

相關問題