这是一个创建于 1483 天前的主题，其中的信息可能已经有所发展或是发生改变。
屏幕分辨率为 19201080，页面宽高写死为 19201080，在 chrome 下 f11 全屏正常，在 ie 下出现滚动条。何解？ 谢谢。
第 1 条附言 · 2020-10-19 14:33:09 +08:00
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body {
background-color: #000;
width: 1920px;
height: 1080px;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
</body>
</html>
```
比如上面这个页面，屏幕尺寸为 1920*1080，f11 全屏下 chrome 没有滚动条，ie11 下会出现滚动条。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body {
background-color: #000;
width: 1920px;
height: 1080px;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
</body>
</html>
```
比如上面这个页面，屏幕尺寸为 1920*1080，f11 全屏下 chrome 没有滚动条，ie11 下会出现滚动条。
 |
1
haishiwuyuehao 2020-10-19 10:24:47 +08:00
你不贴出代码和数据没法还原问题呀。
|
 |
2
waiaan OP @haishiwuyuehao
简单写了个。 |
|
3
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; } |
|
4
waiaan OP @haishiwuyuehao
我只是单纯想知道为什么 ie 下会出现滚动条。 |
|
5
haishiwuyuehao 2020-10-20 11:13:50 +08:00
@waiaan 那就不好说了,正常情况下指定高度超出可视化高度都是会产生 滚动条的. 但是 chrome 浏览器 为了美观,在不使用滚轮的时候,滚动条不会出现.
我是根据贴出来的代码,看到的情况就是,楼主需要一个占满可视化宽高,但是指定了屏幕宽高,从而产生了滚动条的这个事情 |
|
6
waiaan OP @haishiwuyuehao 多谢。
|
Select Language