上传到服务器时 Css 损坏 - 在 localhost 上 100% 工作答案

【问题标题】：Css broken when uploaded to server- works 100% on localhost上传到服务器时 Css 损坏 - 在 localhost 上 100% 工作
【发布时间】：2015-03-01 19:01:15
【问题描述】：

当我的网站使用 WAMP 托管在我自己的电脑上时，它看起来很棒。但是当我上传到我的主机时，很少有课程正确地从我的 css 文档中提供，即使该文档是同一个文档。在这两种情况下，我都在 chrome 上进行测试。

你可以自己看看。这是我的主页http://www.leagueuniversity.com/，它看起来像是一堆废话，因为没有正确引用css doc http://www.leagueuniversity.com/css/styles.css - 但是当相同的文件在本地托管时它可以正常工作。

我注意到的一件事是，上面链接的 css 文档在上传时没有自动换行，但在本地托管时具有正确的格式/自动换行等，即使它是同一个文档并在同一个浏览器上查看。什么！？

【问题讨论】：

是的，CSS 确实坏了。您使用什么工具和协议将文件上传到服务器？

标签： html css

【解决方案1】：

文件加载正常。但是，代码中存在错误。第一行是“margin: auto;'}”。单冒号将其打断，因为后面的所有内容都被解释为字符串。

我不知道 WAMP，但可能涉及修复远程服务器上没有的错误。

【讨论】：

另外，考虑一个更体面的浏览器。我不知道你在开发什么，但这些小错误在每个开发人员/检查员模式中都应该是显而易见的。
非常感谢朋友。我现在感觉有点像个白痴——我只是假设如果它在本地工作就没有错误。谢谢！
您是如何在真实服务器上转移您的网站的？通过复制和粘贴代码或上传文件？

【解决方案2】：

您的 CSS 包含错误

Validating your CSS 显示一些错误：

padding:20px, 20px, 20px, 20px;
…
float:left clear:both;
…
clip-path:polygon(0px208px,146.5px207px,147px141.2px,...);

像这样修复它们：

padding:20px;
…
float:left;
clear:both;
…
clip-path:polygon(0px 208px, 146.5px 207px, 147px 141.2px);

【讨论】：

谢谢你！这是一个我不知道的有用网站。谢谢！