首页 > 网页上传至服务器后 css3的样式没有效果了。

网页上传至服务器后 css3的样式没有效果了。

问题:将网页上传到服务器后,css3的样式效果出不来。

游览器的兼容写法都已写好,在本地文件里打开有效果,但上传之后用网址打开
css3就失去效果了,且用的浏览器和本地文件打开的都是谷歌浏览器。

上传之后:

本地文件打开:

PS:
上传之后调试器有这样的报错。如下图:

请问一下这是什么原因?又该怎样解决呢?


报错信息是说iconfont.woff这个文件找不到 这是一个字体的文件

所以你的样式没有应用进去 应该和这个文件没有直接的关系

你不妨看一下自己的样式文件有没有在服务器上

可以用chrome去查看一下


报错信息是iconfont.woff字体找不到,是因为你的css中使用了该字体。而该字体在本地是能识别,但是到服务器上就无法识别。世界就是这么奇妙...........
可能该字体文件确实存在你的项目中,而且你也上传到服务器上了。但是服务器上就是无法识别。
问题原因可能是字体的MIME类型问题。

解决思路:

  1. 思路1:在web.xml配置文件中添加woff字体的MIME类型,这个可以自己google下

  2. 思路2:如果是ASP.NET的话,可以在IIS中添加woff字体的MIME类型

【热门文章】
【热门文章】