为什么手机打开网页会出现这样的情况。

html-css010

为什么手机打开网页会出现这样的情况。,第1张

这种情况通常是CSS文件(就是网页的样式定义文件)加载失败照成的,导致网页渲染失败。

加载失败的原因很多,比如网络问题使得CSS失败,比如浏览器内置CSS解析器解析失败等

遇到这种情况,刷新一下即可,如果经常出现建议更换浏览器,或者报bug给浏览器厂家。

为什么通过js渲染的元素css不生效?

答案如下:原因是通过测试,这是因为vue文件中的style标签添加了scoped的原因,而scoped的作用是为了保证这些css样式只会对当前vue文件(组件)生效,但是由于其他vue文件(组件)中也有可能会出现相同的class名相同的css样式,于是vue就采用了添加随机后缀的方式防止class名重复的样式出现样式覆盖的情况。

可能的原因如下:

网速不好,解决方法,换宽带。

浏览器不兼容,解决方法,换一个浏览器。

其他原因,解决方法,刷新网页。

css路径不对,解决方法,仔细排查,加/等。

建议清理电脑缓存,再去试。