服务器呈现与localhost不同的样式

Question

我已将我的网站上传到地址为http://dsbangladesh.com的网络服务器。所有样式在localhost中都能正常工作。但请查看页面http://dsbangladesh.com/shawarma-house-banani/b/6上的Hours侧边栏内容。字体大小较大（16px）。但它应该是13px作为主体字体大小。 Inspect元素未显示任何覆盖。为什么会有差异？像这样，许多其他元素都呈现出奇怪的css属性。例如login modal。它应该在页面的中间，但是在底部。请帮我找出问题所在。

感谢。

Answer 1

看起来你看到了user agent stylesheet问题。根据您使用的浏览器，它会有所不同，但修复方法是相同的。

首先，要确定问题，请打开Web检查器以查看应用的CSS并查看应用于table的样式。在Chrome Inspector中，我看到有一些用户代理样式应用于常规table元素，即font-size: medium;

此处的修复非常简单 - 覆盖用户代理默认样式。直接修复是将table{ font-size: inherit; }添加到CSS工作表中，但更深入的修复是使用CSS Reset snippet。有很多选项可供使用，例如YUI，Eric Meyer's Reset和Normalize。