2017-03-21 19 views
0

Chromeブラウザでjavascriptを使用してscreen.widthを確認すると、1920年が予想されます。 Chromeのウィンドウを画面の全幅にドラッグして$(ウィンドウ).width()をチェックすると、2133が表示されます???ブラウザはそれ自身のユニットを使用していますか?ウィンドウのサイズが画面のサイズよりも大きいですか?

いくつかのHTML/CSSレイアウトに取り組んでおり、さまざまな画面解像度とブラウザウィンドウサイズで一貫性を持たせようとしていますが、いくつか問題があるため、この問題をよりよく理解していきたいと考えています。 window.devicePixelRatioについては

screen.width() 
$(window).width() 

、私が手::正しい動作をある0.8999999761581421

+0

確認のためにコードを提供できますか? – margarita

+0

'window.devicePixelRatio'の出力は? – gus27

+0

ウィンドウを移動すると、通常の幅(手動でサイズを変更した場合と最大2133を超える場合のように)が得られ、フルスクリーンになると最大デフォルト(1920)に伸びますか? –

答えて

1

ここに要求することで

は(JavaScriptコンソールで)コードです。ウィンドウオブジェクトは、ブラウザの開いたウィンドウを表し、スクリーン/モニタは表示しません。ここではドキュメントオブジェクトモーダル(DOM)でウィンドウオブジェクトの詳細については次のとおりです。特にhttps://developer.mozilla.org/en-US/docs/Web/API/Window

は、この問題が懸念されwindow.devicePixelRatio、@のgus27で指摘したように:

https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio

0

@NikhilDevreに加えて、デスクトップブラウザでは、devicePixelRatioはブラウザで設定したズーム係数の影響を受ける可能性があります。

Chromeを使用してズーム率を90%に設定すると、 devicePixelRatioは0.8999である。

+0

興味深い。マイページズームが100%に設定されています。しかし、前に述べたように、私のdevicePixelRatioは0.8999 –

+0

です@MichaelMcCrickardもしあなたがMacを使用しているとすれば[this](http://apple.stackexchange.com/questions/33444/how-do-you-reset-screen-zoom-to-ゼロ)が役に立ちます。 – gus27

+0

それは助けになります!私はそれらのズームコントロールがアクセシビリティの下にあることに気付かなかった。 –

関連する問題