推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
waiaan

浏览器最大化(非全屏)的情况下,前端如何获取当前屏幕的尺寸?

  •  
  •   waiaan · Apr 3, 2019 · 4884 views
    This topic created in 2780 days ago, the information mentioned may be changed or developed.

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

    8 replies  •  2019-04-03 10:40:46 +08:00
    zkd8907
    zkd8907
    Apr 3, 2019
    1
    ZY2071
    ZY2071
    Apr 3, 2019❤️3
    2
    这种问题,建议百度
    waiaan
    waiaan
    OP
    Apr 3, 2019
    3
    @zkd8907
    谢谢。
    drioou
    drioou
    Apr 3, 2019
    4
    vh vw vmin vmax 值得了解
    zarte
    zarte
    Apr 3, 2019
    5
    是否最大化与获取屏幕尺寸不冲突。
    davin
    davin
    Apr 3, 2019
    6
    使用 Media queries 媒体查询,也可以比较方便的对屏幕进行自适应适配。使用 window.screen 对象,万一客户端禁用了脚本,那就尴尬了。
    waiaan
    waiaan
    OP
    Apr 3, 2019
    7
    @davin
    这个只能改 CSS 吧?需求是整个页面的显示内容都要变。
    hjdtl
    hjdtl
    Apr 3, 2019
    8
    在 onload 里获取浏览器尺寸,再监听 onresize 获取新的浏览器尺寸
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1794 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 92ms · UTC 15:56 · PVG 23:56 · LAX 07:56 · JFK 10:56
    ♥ Do have faith in what you're doing.