我正在使用 Foundation 4 plus WP，遇到了一个非常有趣的问题，这不是 UTF-8 问题。
Chrome 中的页面渲染： http ://www.nmjgraphics.com/imaging/chrome_ren.jpg
Firefox 中的页面渲染（IE 10 加载方式相同）： http ://www.nmjgraphics.com/imaging/ff_ren.jpg
在 FF 和 IE 中，顶部导航开箱即用，但在 chrome 中它被降低了 30px。现在我可以应用 -1.9% 0% 0% 24.5% 的边距，这会使菜单回到浏览器上“应该”的位置，但是 IE 和 FF 将菜单移动了 -1.9%，从而减少了导航一半。除此之外，我还尝试最初使用 100% 的顶部元素设置，然后在 chrome 中使用“检查元素”将数字向下移动到 0，完全没有效果。
这尚未在 Opera 或 Safari 上进行测试，但我的假设是它们将像 FF 和 IE 一样呈现。
我为链接而不是图像道歉，但我需要 10 个代表才能将图像添加到问题中，我只能发布两个链接，但我确实有总共 3 张图像显示三个浏览器上的渲染。如果要查看ie渲染，只需将浏览器名称改为ie_ren.jpg即可。