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>

  • 相关阅读:
    别人的代码
    ZOJ 1914 Arctic Network
    今日所得 2.22
    poj 2031 Building a Space Station
    POJ 1251 Jungle Roads
    优秀的开发者 vs. 糟糕的开发者
    有关读书求知的一些想法
    开发者拒绝写技术博客的常见理由
    写代码如坐禅:你是哪一类程序员?
    [C++] c++ new() 与new[]的区别
  • 原文地址:https://www.cnblogs.com/tu-0718/p/5913153.html
Copyright © 2011-2022 走看看