如何使移动网站中的页边距和边框不可见html/css
我在页眉上写了这个代码,我把边距和边框设置为0,但是当我预览网页的时候,我仍然会在页边留下一个空白。有什么建议吗 这是我为手机制作的网页,如果你想获得合适的用户体验,可以用手机浏览如何使移动网站中的页边距和边框不可见html/css,html,css,border,Html,Css,Border,我在页眉上写了这个代码,我把边距和边框设置为0,但是当我预览网页的时候,我仍然会在页边留下一个空白。有什么建议吗 这是我为手机制作的网页,如果你想获得合适的用户体验,可以用手机浏览 这是网站的临时域您的身体上仍有5px的填充物,请将其设置为: *{ margin:0; padding:0; border:0; font-family: Helvetica, sans-serif; -webkit-text-size-adjust:none; } #m
这是网站的临时域您的身体上仍有5px的填充物,请将其设置为:
*{
margin:0;
padding:0;
border:0;
font-family: Helvetica, sans-serif;
-webkit-text-size-adjust:none;
}
#menubar * { padding: 0; margin: 2; }
body { padding: 5px; font-family: Helvetica, Arial, sans-serif; width:95%; font-size:12px}
#menubar ul{
text-align:center;
}
#menubar ul li { display:inline-block; padding: 2px; position: relative; margin-left:-10px; margin-right:-20px; margin:invisible; }
#menubar ul a { display: table-cell; vertical-align: middle; width: 80px; height: 30px; text-align:center; background: #FFF; color:#000; border-style: solid; border-width:2px; border-color:#1570a6; text-decoration: none; }
#menubar li:after{
border-left:50px solid black;
border-right:60px solid black;
content:"";
position:relative;
left:-12px;
top:-18px;
z-index:-1;
display:block;
height:1px;
}
你有一个
body {
padding:0px;
}
这导致页面底部出现空白
另外,您的宽度设置为95%,这将导致右侧出现空格。
不确定这是否是故意的,但认为值得一提,以防你试图消除空白
<br />
这可能是您的问题,请尝试删除此属性。身体的四周仍有5px的填充。让我测试一下,看看这是否是我的问题所在。这是宽度:95%是造成主要问题的原因,而填充物也会引起一些问题。忘了从以前的更新中删除它们。干杯,伙计:)最后也换了休息牌。好的舞台:)@AntonFernando哈,太棒了!很高兴我能帮忙:)
body { padding: 5px;