javascript - Dom 对象宽度最小为 320

Question

我想随时知道 dom 屏幕的方向，在调整大小时也是如此。我正在使用一个流/RxJS 框架，它每次在调整大小时都会给我一个事件流，它会返回一个对象。我尝试找到高度和宽度属性并使用这些属性非常接近:

fromEvented('resize', myMap)
  .forEach(x => console.log(x.target._canvas.clientHeight, x.target._canvas.clientWidth, x.target._canvas.clientHeight > x.target._canvas.clientWidth))

所以当 True 时是纵向，否则是横向。

但不知何故宽度最小为 320。所以即使调整到更小的实际宽度，我仍然得到 320。我应该使用哪些属性？或者我也可以以某种方式使用 CSS 值(我是 kn00b...)？

Answer 1

您可以简单地使用 document.documentElement.clientWidth https://developer.mozilla.org/en-US/docs/Web/API/Element/clientWidth例如在 Jquery 中

$(window).resize(function(){ console.log(document.documentElement.clientWidth);})