用手机自带uc浏览器查看静态页面,css样式不显示

问题描述:

  这个问题是一个同事在写手机页面用UC浏览器测试以后遇到的,其他浏览器静态页面显示正常,唯独UC浏览器不显示页面样式。

我测试过代码是没有问题的,因为临时没有找到安卓手机,就猜想PC端的应该跟手机端会有同样的问题,毕竟是同样的内核嘛。

然而PC上用UC浏览器看或者自带的手机模拟器都没有任何问题,唯独手机上不行。

解决方法:如下图,审查元素发现,尼玛,居然UC浏览器默认给head加了一个dislay:none;隐藏属性,然后试着把引入的css文件放在head之外,就可以正常显示了。

  用手机自带uc浏览器查看静态页面,css样式不显示

不过据同事反映,虽然能够显示页面了,但是用了定位和浮动属性的地方,显示还是会乱,应该是UC浏览器本身不支持的原因

百度的UC浏览器不支持css属性的截图

用手机自带uc浏览器查看静态页面,css样式不显示

 

上一篇:el-tab 用hover切换页面


下一篇:element ui表格的校验和自定义校验规则