如何动态获取浏览器的高度和宽度? [英] How can I dynamically get browser height and width?

问题描述

我想做的是创建一个不依赖媒体查询的聊天框.从数学上设置聊天框内容的大小.

What im looking to do is create a chatbox that doesn't rely on media queries. That mathematically sets sizes of the chatbox content.

我正在尝试$(window).height()/$(window).width()，但这并不涵盖整个浏览器窗口.我想在没有CSS/媒体查询的情况下在javascript/jquery中完成所有操作

I was experimenting with $(window).height()/$(window).width() but that doesn't cover the whole browser window. I wanted to do this all in javascript/jquery without css/media queries

推荐答案

尝试此代码段

(function() {
  window.onresize = displayWindowSize;
  window.onload = displayWindowSize;

  function displayWindowSize() {
    let myWidth = window.innerWidth;
    let myHeight = window.innerHeight;
    // your size calculation code here
    document.getElementById("screen").innerHTML = myWidth + "x" + myHeight;
  };


})();

<div id="screen"></div>

这篇关于如何动态获取浏览器的高度和宽度?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！