ie11 下全屏出现滚动条

2020-10-13 14:05:22 +08:00
 waiaan

屏幕分辨率为 19201080,页面宽高写死为 19201080,在 chrome 下 f11 全屏正常,在 ie 下出现滚动条。何解? 谢谢。

1156 次点击
所在节点    前端开发
6 条回复
haishiwuyuehao
2020-10-19 10:24:47 +08:00
你不贴出代码和数据没法还原问题呀。
waiaan
2020-10-19 14:33:36 +08:00
@haishiwuyuehao
简单写了个。
haishiwuyuehao
2020-10-19 18:21:37 +08:00
@waiaan

楼主的屏幕尺寸指的是“浏览器尺寸”,也就是 window.screen.width, window.screen.height

楼主想要的尺寸其实是“内容可视化尺寸”,那么也就是:window.screen.availWidth, window.screen.availHeight
那么这也解决:
body {
background-color: #000;
width: 100vw;
height: 100vh;
margin: 0;
padding: 0;
}
waiaan
2020-10-20 09:10:23 +08:00
@haishiwuyuehao
我只是单纯想知道为什么 ie 下会出现滚动条。
haishiwuyuehao
2020-10-20 11:13:50 +08:00
@waiaan 那就不好说了,正常情况下指定高度超出可视化高度都是会产生 滚动条的. 但是 chrome 浏览器 为了美观,在不使用滚轮的时候,滚动条不会出现.

我是根据贴出来的代码,看到的情况就是,楼主需要一个占满可视化宽高,但是指定了屏幕宽高,从而产生了滚动条的这个事情
waiaan
2020-10-20 16:29:03 +08:00
@haishiwuyuehao 多谢。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/714501

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX