对于 html 页面,$(window).width()
当它托管在服务器上时会给出不同的值。我笔记本的分辨率是1920 X 1080。当我在Firefox和Chrome本地打开页面时,宽度显示为1920。我托管在服务器上时的同一页面,打开时显示宽度为1097。这是为什么不同之处?由于这种差异,页面的整体布局是不同的。我该如何解决这个问题?
PS 在 IE 中打开页面时,本地和服务器上的宽度相同。我正在使用 Zurb 的基础框架(3.2)。
对于 html 页面,$(window).width()
当它托管在服务器上时会给出不同的值。我笔记本的分辨率是1920 X 1080。当我在Firefox和Chrome本地打开页面时,宽度显示为1920。我托管在服务器上时的同一页面,打开时显示宽度为1097。这是为什么不同之处?由于这种差异,页面的整体布局是不同的。我该如何解决这个问题?
PS 在 IE 中打开页面时,本地和服务器上的宽度相同。我正在使用 Zurb 的基础框架(3.2)。
jS没有运行到服务器窗口有一些像这样的宽度属性
window.outerWidth
window.innerWidth
通过从窗口获取日志在重新调整浏览器屏幕大小时发生变化,您可以在开发人员工具中看到所有属性
console.log(window);
我在谷歌浏览器中遇到了同样的问题。显然,如果页面放大或缩小,媒体查询就会变得混乱。确保两个站点的缩放级别均为 100%。
我确认了这个问题并且实际上什么都不相信(Ubuntu 12.04,Mozilla Firefox 26.0) http://www.potomek.eu/blog/media/differentscreenwidthissue.jpg