浏览器最大化（非全屏）的情况下，前端如何获取当前屏幕的尺寸？

2019-04-03 09:31:51 +08:00
 waiaan

需要根据屏幕的尺寸展示不同的页面。 谢谢。

3846 次点击
所在节点    JavaScript
8 条回复
zkd8907
2019-04-03 09:33:36 +08:00
https://developer.mozilla.org/en-US/docs/Web/API/Window/screen
window.screen 对象可以获取
ZY2071
2019-04-03 09:36:46 +08:00
这种问题，建议百度
waiaan
2019-04-03 09:40:54 +08:00
@zkd8907
谢谢。
drioou
2019-04-03 09:45:22 +08:00
vh vw vmin vmax 值得了解
zarte
2019-04-03 10:05:49 +08:00
是否最大化与获取屏幕尺寸不冲突。
davin
2019-04-03 10:14:44 +08:00
使用 Media queries 媒体查询，也可以比较方便的对屏幕进行自适应适配。使用 window.screen 对象，万一客户端禁用了脚本，那就尴尬了。
waiaan
2019-04-03 10:23:37 +08:00
@davin
这个只能改 CSS 吧？需求是整个页面的显示内容都要变。
hjdtl
2019-04-03 10:40:46 +08:00
在 onload 里获取浏览器尺寸，再监听 onresize 获取新的浏览器尺寸

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

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

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

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

© 2021 V2EX