Q&A
疑問の出どころと、用途は何でしょうか
自身で確かめたり調べたりしましたか？
screen.widthとscreen.heightが変動することはあるのでしょうか
デバイスの高さと幅を取得するものだと思いますが、
これはPCの設定うんぬんで変動するものでしょうか
自身のPCで検証するとしても5分もかからないと思います。
何が言いたいのでしょう
ここは質問するところであり、自分で結果を出せていたとしたら
質問などしていません
あなたは色んな方の質問に対し、水を差すようなことばかりしていることで有名な方のようですね
このやり取りが解決につながるわけもないので以降追記しないでください
＞自身のPCで検証するとしても5分もかからないと思います。
この指摘と
＞疑問の出どころと、用途は何でしょうか
自身で確かめたり調べたりしましたか？
この指摘の用途まで関係してるか、謎ですよね
よほど暇なんでしょうが
こちらは忙しいのですよ
忙しいから丸投げしていい理由にはなりません。
見ているのは赤の他人。
何も書いてなければ何も調べず試さず丸投げしているということになります。
自身が他者への配慮全くなしの投稿をしておきながら水を差すだの暇だの言える立場ではないですよ。
確認の仕方がわからないなら質問にそのように書けばよいですし、何か試して分からないならそれも書かないと誰にも伝わりません。
ちゃんとアドバイスを得たいのでしたら質問テンプレートを利用するか、「質問するときのヒント」にあわせた質問をすることを強くすすめます。
言葉を借りると、忙しいので丸投げ質問にかまってる暇はないのですよ。
だからそういう質問には回答しない。回答したところで質問者の横暴から徒労に終わることが多いから。
そうでない質問、追記修正依頼に応えてくれる質問者にはちゃんと回答してますし、回答も付きやすい。
今回は一発目の反応から面倒な質問者と認識されてると思います。
試せばわかること（試した雰囲気全くなしで）を投げる質問者は大体避けられてますね。
ではでは。
うーん、m.ts10806さんのおっしゃることもわかるのですが。
「試してみたところ変動した」なら「変動する」と結論が出るのですが、そうではなくて「試してみたところ変動しなかった」の場合は「変動しない」とは結論できないような気がします。
「これは変動しないものなのか（変動するとしたらどういう時か）」というご質問かと読みました。
「試してみたところ変動しなかったのですが、仕様ではどうなっていますか？」のような質問にすれば、誤解を防げたかもしれませんね。
（仕様がどうなっているかについては、試しただけでは確認できないので）
そして、仕様を見てみたところ、？？？という内容でした。ちょっと調べてみますね。
回答2件
0
結論から先に書きますが、私見ですが、あまり深く突っ込まない方が無難かも、と感じています。
Window.screen.width等については、CSSOMに仕様がありました。
The width attribute must return the width of the Web-exposed screen area.
Web-exposed screen areaを見てみると、
The Web-exposed screen area is one of the following:
The area of the output device, in CSS pixels.
The area of the viewport, in CSS pixels.
CSSOM View Module
とあり、「なんで二つあるんだよ……」とウンザリしますね。
さて、このviewportですが、CSSに仕様があります。
This specification introduces a way of overriding the size of the viewport provided by the user agent (UA). Because of this, we need to introduce the difference between the initial viewport and the actual viewport.
CSS Device Adaptation Module Level 1
つまり、UAがオーバーライドすることができる、ということです。ですので、開発者ツールのレスポンシブモードや、metaタグのviewport設定などによって変化するだろう、と思われます。
（確認はしていません）
ところで、ここにISSUEがついていて、
"dbaron: The question is, what does this do on the desktop browser? (And what’s a desktop browser)". Need to say that a "desktop" browser typically have no UA styles, as opposed to the UA stylesheet outlined for current mobile behaviour, and that no UA styles for @viewport will give "desktop" behaviour per default (actual viewport is initial viewport).
CSS Device Adaptation Module Level 1
となっており、PCブラウザでの動作が未定っぽいです。
また、このようなISSUEもありました。
デバイスの向きによってWeb-exposed screen areaが変化するのかしないのか、UAによって違う動作をするようです。
どうやら「viewportの上書きがあるならviewport、ないならデバイスの出力エリアになるが、最終的にはUA次第」なのではないかな、と思います。そして、デバイスによってかなり揺れがあるのではないかな、と思いました。
というわけで、最初の結論になります。
投稿2021/07/08 09:48
総合スコア36960
0
Window.screen - Web API | MDN
とある通り、ブラウザが認識しているスクリーンのサイズみたいですね。
ブラウザにもよるかもしれませんが、 Microsoft Edge (Chromium) だと、次の変更で変更されることを確認しました。(Windows10 21H1)
- F12 から デバイスエミュレーション の切り替え によるエミュレートデバイスの切り替え
- マルチディスプレイ間の移動
- 設定 >
ディスプレイ>拡大縮小とレイアウト>テキスト、アプリ、その他の項目のサイズを変更するによる変更（%）
投稿2021/07/08 07:44
編集2021/07/08 07:45
総合スコア534
あなたの回答
tips
プレビュー
