php - 网站在 localhost 和上传到服务器时显示不同

Question

我设计了一个使用 php 的响应式网站。它主要是 html，但我已经包含了一些 php 函数并保存了所有页面。我有 2 个样式表，1 个用于响应式视图，另一个用于普通视图。我在我的本地主机（wamp 服务器）中测试了完整的网站，没有发现任何问题，但是当我在线上传网站时，完整的设计似乎一团糟。包括 css 在内的所有文件都已正确上传。

字体太小，对齐不正确，网站似乎被推卸了，但是在我的本地主机上测试时，同一个网站正确显示了所有内容。

有人可以告诉我有什么问题吗？

Answer 1

1. 确保所有文件（尤其是 CSS 和 JS）都已加载。例如，您可以使用Firebug Net panel进行检查。要格外小心地寻找任何在 Windows 上被忽视但在 Linux 上致命的拼写错误（例如，在 Windows 上 test.JPG 和 test.jpg 是相同的，在 linux 上这是两条不同的路径！）
2. 按 CTRL+0（零）重置域的缩放级别。
3. 确保您没有在 localhost 上加载（或无法加载）的任何其他文件和库到您的网站。

Answer 2

您可能正在使用不是“网络安全”的字体。确保您使用的是此处所示的字体系列。字体系列允许每个浏览器选择它熟悉的字体，但与原始字体足够接近，不会对布局产生太大影响。默认情况下，所有浏览器都可以呈现的字体很少。但是，如果使用该字体非常重要，您可以上传您的字体文件以供浏览器在加载时下载。虽然加载页面需要很长时间。更多信息在这里。我也喜欢使用fontsquirrel。