zoukankan      html  css  js  c++  java
  • 用手机自带uc浏览器查看静态页面,css样式不显示

    问题描述:

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

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

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

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

      

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

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

     注:最近无意发现在PC端上类似的情况,引入css以后,所有样式都没有生效,确认路径是对的,代码也没有错。

    后来发现,一般用link标签引入的css样式格式为:<link rel="stylesheet" type="text/css" href="css/new_file.css"/>

    如果你省略了 rel="stylesheet" type="text/css",只有后面的路径,经测试,就会造成浏览器无法解析,并设置默认隐藏样式,如下图

     所有建议还是不要省略,不过引入JS是可以省略的,不用写成<script src="" type="text/javascript" charset="utf-8"></script>直接引入就可以<script src="js/new_file.js"></script>

  • 相关阅读:
    219. Contains Duplicate II
    189. Rotate Array
    169. Majority Element
    122. Best Time to Buy and Sell Stock II
    121. Best Time to Buy and Sell Stock
    119. Pascal's Triangle II
    118. Pascal's Triangle
    88. Merge Sorted Array
    53. Maximum Subarray
    CodeForces 359D Pair of Numbers (暴力)
  • 原文地址:https://www.cnblogs.com/tu-0718/p/5913153.html
Copyright © 2011-2022 走看看