css3 - 网站放在本地和放在远端服务器用 iPhone Safari 打开样式不同

问题描述

网站在本地的时候，效果是这样的：

网站放在远端的服务器上的时候，效果是这样的：

可以看到网站在远端的时候整体偏左一点，而且稍微窄一点。

我确定两处用的是完全一样的 CSS 文件。

定义响应式的meta标签：

<meta name='viewport' content='width=device-width' initial-scale=1.0>

所用框架：Pure CSS本人系统：Mac OS X Mavericks服务器：Ubuntu 12.04 GNU/Linux 3.2.0-24-virtual i686nginx version: nginx/1.1.19

问题解答

犯了个低级错误：

我代码中的meta标签是这样的：

<meta name='viewport' content='width=device-width' initial-scale=1.0>

但实际上应该是这样的：

<meta name='viewport' content='width=device-width, initial-scale=1.0' />