javascript - javascript の screen.width と screen.availwidth の違い

Question

JavaScriptのscreen.widthとの違いは何ですか?screen.availwidth

私のシステムでは、両方とも同じです！

Answer 1

履歴/ブックマーク サイド パネルなど、ビューポートの一部をブロックするものがあります。自動非表示でない限り、これにはタスクバーが含まれます

それからwindow.screen.width != window.screen.availWidth。:)

ビューポートに何かを描画している場合は、availWidth/availHeightを使用して、ビューポートから外れているかどうかを判断する必要があります。ウィンドウのサイズ変更時に再計算してください。そうしないと、サイドパネルがいつ閉じられたのかわかりません。

このプロパティで指定された幅のすべてがウィンドウ自体で使用できるわけではないことに注意してください。window オブジェクトが使用できないスペースを他のウィジェットが占めている場合、window.screen.width と window.screen.availWidth に違いがあります。

ソース。

Answer 2

• window.screen.width-> 画面の幅を返します。

• window.screen.availWidth-> ウィンドウで使用できる水平方向のスペースの量をピクセル単位で返します。

screen.availWidthコンポーネントの例で使用できる正確なサイズを使用するのが最適です。