为什么浏览器调试窗口,打印的尺寸,window.outerWidth和window.innerWidth不一致,window.innerWidth还大于window.outerWidth,和上面显示的尺寸也不一致
head加上了:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
刚开始十几秒也不行,要过一段时间,window.innerWidth才会和上面显示的数字一样
为什么浏览器调试窗口,打印的尺寸,window.outerWidth和window.innerWidth不一致,window.innerWidth还大于window.outerWidth,和上面显示的尺寸也不一致
head加上了:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
刚开始十几秒也不行,要过一段时间,window.innerWidth才会和上面显示的数字一样
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.9k 阅读✓ 已解决
我验证的结果符合预期

你可以在读取
outerWidth
和innerWidth
时,同时输出一下viewport
的meta
的值,看看有有什么异常。