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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› D3.js

推荐书目

› JavaScript 权威指南第 5 版

这是一个创建于 2048 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

8 条回复 • 2019-04-03 10:40:46 +08:00

zkd8907

2019-04-03 09:33:36 +08:00

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 获取新的浏览器尺寸