如何动态获取浏览器的高度和宽度?
问题描述：
我想做的是创建一个不依赖媒体查询的聊天框.从数学上设置聊天框内容的大小.
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>