解决方案如何删除白色空间,从网站顶部的手机浏览器,如opera mini,单一布局视图



我尝试了几乎所有的在线技术,但我仍然得到了顶部空间在我的网站,当我打开它与opera迷你手机浏览器,单一布局视图,所以我决定尝试修复它自己,我得到了它的权利!

我意识到,即使你以单一布局显示页面,它也适合网站的屏幕,并且一些css功能被禁用,因为当你适合屏幕时,margin, padding, float和position功能会自动禁用,并且body总是在顶部添加内置padding。所以我决定寻找至少一个可行的函数,你猜怎么着?"显示"。让我告诉你怎么做!

<html>
<head>
<style>
body {
    display: inline;
}
#top {
    display: inline-block;
}
</style>
</head>
<body>
<div id="top">
<!-- your code goes here! -->
eg: <div id="header"></div>
<div id="container"></div> and so on..
<!-- your code goes here! -->
</div>
</body>
</html>

我尝试了几乎所有的在线技术,但我仍然得到了顶部空间在我的网站,当我打开它与opera迷你手机浏览器,所以我决定尝试修复它自己,我得到了它的权利!

我意识到,即使你以单一布局显示页面,它也适合网站的屏幕,一些CSS功能被禁用,因为当你适合屏幕时,margin, padding, float和position功能会自动禁用,并且body总是在顶部添加内置padding。所以我决定寻找至少一个可行的函数,你猜怎么着?"显示"。让我告诉你怎么做!

<html>
<head>
<style>
body {
display: inline;
}
#top {
display: inline-block;
}
</style>
</head>
<body>
<div id="top">
<!-- your code goes here! -->
eg: <div id="header"></div>
<div id="container"></div> and so on..
<!-- your code goes here! -->
</div>
</body>
</html>

如果你注意到,body{display:inline;}删除了body中的内嵌填充,但是没有#top{display:inline-block;},div仍然不能很好地显示,所以你必须包含<div id="top">元素放在页面上的任何代码之前!那么简单. .希望这对你有帮助?如果成功了你可以感谢我http://www.facebook.com/exploxi

最新更新