edge browser 的 window.outerWidth 和 window.innerWidth 不一样

162 天前
 albert0yyyy
edge 打印的值:

window.outerWidth:1441

window.innerWidth:1433

感觉 edge 自己在 viewport 里加了一点内边距

但在 Chrome 浏览器里就是一样的
1616 次点击
所在节点    Edge
1 条回复
geelaw
162 天前
innerWidth 是 viewport 的宽度,outerWidth 和浏览器布局有关系。

考虑一个部分显示网页的窗口,网页放置于中心 500x500 的位置,那么 innerWidth 永远是 500 ,outerWidth 是窗口的宽度(至少模型如此定义),可以是任意数。

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

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

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

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

© 2021 V2EX