2017-03-21 130 views
0

当我检查使用JavaScript screen.width在我的Chrome浏览器,它报告1920年,这是我的期望。如果我将我的Chrome窗口拖出到我的屏幕的全部宽度并检查$(window).width(),我会得到2133?浏览器是否使用它自己的单位?窗口大小是否大于屏幕大小?

我工作的一些HTML/CSS布局,并试图让他们在不同的屏幕分辨率和浏览器窗口大小一致,但我有一些问题,所以我想尝试,以便更好地理解这个问题。

按要求这里是代码(在JavaScript控制台):

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

对于window.devicePixelRatio,我得到:0.8999999761581421

+0

你能检查提供您的代码?你得到的'window.devicePixelRatio' – margarita

+0

输出什么? – gus27

+0

是否有可能,当你移动窗口是获取其正常宽度(好象手动调整,比屏幕更大的最高 - 2133),以及何时全屏它延伸到最大默认值(1920)? –

回答

0

除了@NikhilDevre我想提一提,即在桌面浏览器的devicePixelRatio可以通过在浏览器中设置的变焦倍率的影响:

使用Chrome和设定90%的缩放比例,你会得到一个的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

这确实有帮助!我没有意识到这些缩放控件在“辅助功能”下。 –