利用者:JuthaDDA/SetClientSizeToCss.js

お知らせ: 保存した後、ブラウザのキャッシュをクリアしてページを再読み込みする必要があります。

多くの Windows や Linux のブラウザ

Ctrl を押しながら F5 を押す。

Mac における Safari

⇧ Shift を押しながら、更新ボタンをクリックする。

Mac における Chrome や Firefox

⌘ Cmd と ⇧ Shift を押しながら R を押す。

window.addEventListener( 'resize', () => {
  document.documentElement.style.setProperty(
    '--clientWidth', document.documentElement.clientWidth + 'px'
  );
  document.documentElement.style.setProperty(
    '--clientHeight', document.documentElement.clientHeight + 'px'
  );
} );