2017-02-15 58 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

谢谢你的帮助:) –

相关问题