viewport (width=device-width) のサイズを得る

JavaScript を使って、viewport の幅と高さを取得する。

結果

幅	px
高さ	px

使用している JavaScript コード

function getViewportSize() {
  const w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0),
        h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);

  document.getElementById('iw').textContent = w;
  document.getElementById('ih').textContent = h;
}
window.addEventListener('load', (e) => {
  getViewportSize();
});
window.addEventListener('resize', (e) => {
  getViewportSize();
});