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))

所以当真实时它是肖像，否则是Lanscape。

但不知何故，宽度至少为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);})

Answer 2

我回来的是一个Mapbox地图对象。我通过忽略它并简单地使用html5事件来解决它。当我使用most.js进行流时，我使用了来自@ most / dom-event的调整大小，然后是event.currentTarget.innerWidth;工作正常！