从移动连接的HTML中剥离出来的空白。为什么和如何防止

Question

我在为移动设备上的网站服务方面有问题，因为空白(包括新行)被从HTML中去掉了。

这是一个问题，因为它移动了inline-block元素的位置。(有关此问题的信息，请参见这里 )。

最后，我求助于一个解决方案(首先去掉内联块元素之间的空格，然后调整CSS的位置)，但现在我想弄清楚为什么会发生这种情况。

网站详情：

• 平台: Rails 3.2.11 (MRI 1.9.3)
• 模板引擎: ERB
• 机架服务器:瘦(1.5.0)
• 主持人: Heroku (雪松)

由于我甚至不确定这是否是与rails/齿条/heroku相关的问题，所以我创建了一个虚拟副本：

• 将rails生成的HTML复制到静态*.html文件(并调整CSS和JS链接)
• 将该文件上载到另一台计算机(Apache)上，作为静态HTML文件使用。

我做了些测试。好吧..。结果(几乎)相同。

如果我用curl发送GET请求，我将得到上述两个网站(动态rails应用程序和静态HTML文件)的内容：

• 使用我的固定线路连接，我得到了完整的“原始”HTML，带有空格、换行符和缩进。
• 使用我的运营商3G连接(在绑定中)，我将HTML代码从每个空格中去掉，就像缩小的CSS或JS一样。(顺便说一句，从google.com到xkcd.com，当我与任何其他网站进行双重检查时，也发生了同样的情况。)

和，当用我的手机浏览时，所有的东西都会正常地呈现在虚拟的静态上。

我真的不知道问题出在哪里。由于curl 在3G上总是被缩小为，我认为问题就在网络上。然而，智能手机只有在页面被Rails服务时才会抱怨。

有人遇到过这个问题吗？

Answer 1

我查过你的博客了。使用空格格式化您的布局或使用是错误的方法，永远不会是可靠的。如果您真的必须在html中使用不间断空格。

 

最好将类放在元素上，然后使用CSS设置页边距和填充。事实上，你的解决办法是正确的。