0

对于 html 页面,$(window).width()当它托管在服务器上时会给出不同的值。我笔记本的分辨率是1920 X 1080。当我在Firefox和Chrome本地打开页面时,宽度显示为1920。我托管在服务器上时的同一页面,打开时显示宽度为1097。这是为什么不同之处?由于这种差异,页面的整体布局是不同的。我该如何解决这个问题?

PS 在 IE 中打开页面时,本地和服务器上的宽度相同。我正在使用 Zurb 的基础框架(3.2)。

4

3 回答 3

1

jS没有运行到服务器窗口有一些像这样的宽度属性

window.outerWidth
window.innerWidth

通过从窗口获取日志在重新调整浏览器屏幕大小时发生变化,您可以在开发人员工具中看到所有属性

console.log(window);     
于 2013-02-07T09:17:40.600 回答
1

我在谷歌浏览器中遇到了同样的问题。显然,如果页面放大或缩小,媒体查询就会变得混乱。确保两个站点的缩放级别均为 100%。

于 2015-04-25T17:22:33.653 回答
0

我确认了这个问题并且实际上什么都不相信(Ubuntu 12.04,Mozilla Firefox 26.0) http://www.potomek.eu/blog/media/differentscreenwidthissue.jpg

于 2014-05-18T22:38:28.210 回答