从服务器呈现时,html页面宽度不同

时间:2013-02-07 08:59:24

标签: html css zurb-foundation

对于html页面,$(window).width()在托管服务器时提供不同的值。 我的笔记本电脑的分辨率是1920 X 1080。 当我在Firefox和Chrome上本地打开页面时,宽度显示为1920.当我在服务器上托管时,当它打开时,页面的宽度显示为1097.为什么这个区别?由于这种差异,页面的整个布局是不同的。我怎么解决这个问题?

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

3 个答案:

答案 0 :(得分:1)

jS没有进入服务器窗口有一些像Width这样的属性

window.outerWidth
window.innerWidth

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

console.log(window);     

答案 1 :(得分:0)

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

答案 2 :(得分:0)

我在Google Chrome中遇到了同样的问题。如果页面放大或缩小,显然媒体查询会搞砸。确保两个站点的缩放级别均为100%。