Q&A
そのwindow.openで開いた先はスクロールバー出てますか？
javascriptにて下記を実行し、1366×680の画面を開こうとしています。
window.open(url,"システム名","width=1366, height=680");
開いた画面のサイズをディベロッパーツールにて確認したところ、
1366×683となっていました。
また、別の端末(Chromeのバージョンは同じ)
にて画面サイズを確認したところ、
1362×680となっていました。
なぜこうなってしまうか理由が知りたいです。
□Chromeのバージョン
バージョン: 71.0.3578.98
□画面サイズの確認方法
ディベロッパーツールをデバイスモードにし、
「html」の値を確認
スクロールバーは出ていません。
簡単ですが以上です。
その開いている先のHTML、CSSもご提示いただいたほうがいいかもしれませんね。仕様確認はもちろんですが再現確認は必要です。
ちなみにその開いた先でwindow.innerHeightをとるときちんと680という数値が返ってきます。その683ってどこの数値なんでしょうか？
諸々追記しました。
(html、CSSについては空ページを開いても事象再現するため、割愛します)
最初に記載していた「heightのみ画面サイズ+3になる」というのは誤りでした、失礼しました。
> デバイスモードにし
これは何のためにしているのでしょうか？
通常時でも再現しますか？
ウィンドウサイズの確認のために行っています。(下記サイトを参考にしています)
https://sole-color-blog.com/blog/659/
通常時でも再現します。
回答1件
0
ベストアンサー
私もChrome(windows版72.0.3626.96)でheightのみ+3pxとなりました。
https://jsfiddle.net/14uwb6kv/
openした後、window.innerWidthとwindow.innerHeightを取得すると、それぞれ500、403と表示。
バックグラウンドに適当な色を指定し、その色だけを画像編集ツールで測っても500 x 403となりました。
chromeの拡張機能無効化(--disable-extensionsで起動)でも現象変わらずでした。
他のブラウザ(すべてWindows版)でも検証したところ、Firefox(65.0)では再現せず。500 x 400となりました。
Edge(44.17763.1.0)は500 x 399となりました。画像編集ツールでの計測も500 x 399でした。
IE11(11.253.17763.0)は504 x 404となりました。画像編集ツールでの計測も504 x 404でした。
念の為、呼び出し先にBootstrap Reboot v4.3.0をべた書きさせたhtmlをopenさせてみましたが、結果は同じでした。
| ブラウザ | 空ページ | reboot.css |
|---|---|---|
| Chrome(72.0.3626.96) | 500 * 403 | 500 * 403 |
| Firefox(65.0) | 500 * 400 | 500 * 400 |
| Edge(11.253.17763.0) | 500 * 399 | 500 * 399 |
| IE(11.253.17763.0) | 504 * 404 | 504 * 404 |
投稿2019/02/12 09:43
編集2019/02/12 10:20
総合スコア764
あなたの回答
tips
プレビュー
