18910140161

HTML-移动边缘浏览器吞噬网页高度的前几个像素-堆栈溢出

顺晟科技

2022-10-18 12:49:37

191

我注意到一种行为,Android上的Mobile Edge浏览器正在吃掉网页高度的前几个像素,而不是用地址栏覆盖它,这样你就看不到内容了。

这发生在我正在做的一个项目上,但这是一个最小的复制品。它是一个高度为1px的红色框,附在页面的最顶部(至少应该是这样!)。

<代码><;HTML(>;)<;头部>;<;样式>;HTML{保证金:0;填充:0;}身体{保证金:0;填充:0;}.框{宽度:30px;高度:1px;背景颜色:红色;}<;/样式>;<;/标题>;<;身体>;<;DIV类=";框";>;<;/DIV>;<;/正文>;<;/HTML>;

实际上,当我在Android上的Mobile Edge浏览器中打开这个页面时,根本找不到这条线。我已经把上面的代码放到了我的GitHub Pages帐户上

如果我在连接到PC时检查页面,并在检查器中更改框的顶部边距,则需要添加大约9px的顶部边距才能使其显示在页面上,这样它就不会被地址栏覆盖。

那给了?这是已知的错误吗?我在做什么蠢事吗?

有人会说";只需滚动一点,使酒吧消失";。当然,但这并不适用于完全垂直伸展的网站,例如使地址栏和其他菜单栏保持固定,而不是来来去去。

谢了!


顺晟科技:

这是因为1px太小了,以至于你在手机

里看不见盒子。

尝试添加更多CSS.

边距和填充只是定义了框外和框内元素之间的间距。

试试这个:

修改后的代码具有更大的像素和导航栏(或)地址栏:

<代码><;HTML(>;)<;头部>;<;样式>;HTML{保证金:0;填充:0;}身体{保证金:0;填充:0;}.框{宽度:100%;高度:50px;填充:10px;背景颜色:红色;位置:固定;顶部:0px;左:0px;}<;/样式>;<;/标题>;<;身体>;<;DIV类=“框”>;<;H1>;导航栏<;/H1>;<;/DIV>;<;/正文>;<;/HTML>;

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航