chromeでwindow.openのwidthとheightが異なる

Question

以下のコードで別ウィンドウを開いているのですが、開いたウィンドウで実際のサイズを確認すると異なってしまいます。
かなり異なるので困っているのですが、解決方法をご存知の方がいらっしゃいましたら教えていただきたいです。

window.open(url, windowName, "width=600,height=600");

コード
width=600,height=600
↓
実際
width=750,height=748

コード
width=500,height=500
↓
実際
width=625,height=623

実際のサイズはchromeの検証ツールのコンソールにて以下のコマンドで確認しています。

console.log(window.innerWidth)
console.log(window.innerHeight)

chromeのバージョン(mac)
バージョン: 95.0.4638.69（Official Build）

Answer 1

開いたページのズーム値が 100% ではいのでしょう。
「実際の値」がCSS上でのピクセル数なので、間違ってはいません。

ブラウザによるズームをキャンセルするのは難しいので、期待しないinnerWidth innerHeight だったらウィンドウをリサイズするしかないと思います。

Comments

[Sonono]

ズーム値を100%にしたらうまくいきました！！！ありがとうございます。リサイズも検討します。