在确定css文件确实已经引入的情况下,其中的样式依然不生效。
用谷歌浏览器,f12打开开发者工具。查看控制台中是否有类似这样的一句话
Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:3000/.........css".
这句话是说,浏览器把你的css文件当做text/html文件来解读了,自然也就无法解析里面的样式。
出现这个问题的原因在于,后台没有正确设置响应的Content-Type
,并且所使用的工具将Content-Type
的默认值设置为了text/html
。
对于不同的场景有不同的解决方法,我是在使用nodejs时遇到的,解决方法是加上这么一句。res.type('css');
app.get('/aaa', function (req, res, next) {
res.type('css');
});
express
下可以使用type方法设置Content-Type
。别的语言请自行百度。