2017-02-15 63 views
0

我需要的是如何在移動內容中製作全屏頁面?

-disabled變焦功能

-fullscreen頁面(無論是在網絡瀏覽器和移動視圖)

-disabled滾動頁面

是我迄今所做..

<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes"> 
</head> 
<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0"> 
</body> 

我無法弄清楚如何使頁面全屏在移動視圖上。

當我在手機上運行時,它只顯示頁面的一半。同時讓其他空間保持空白。

請幫我解決它。

非常感謝。

回答

1

全屏&變焦:

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

,併爲殘疾人滾動嘗試在烏爾CSS補充一點:

html, body { 
    overflow-x: hidden; 
} 

,並嘗試通過該屬性中刪除在你的身體標記的所有頁邊距設置你的主要css文件

* { 
margin : 0; 
padding: 0; 
} 
+0

謝謝你的幫助:) –

相關問題