zoukankan      html  css  js  c++  java
  • 兼容性问题

    浏览器兼容性问题(繁杂,但又必须去做的问题)
    1:一个系统只能安装一个IE浏览器,但是可以使用(IETester);可以使用多个IE。
    <script>
    document.body.innerHTML+=navigator.userAgent;可以显示浏览器的版本,并 显示在浏览器上;
    </script>

    2:w3help.org 可以看兼容性问题;

    3:不要通过右键来打开这样使用的是混杂模式;


    css reset技术
    1:为了消除浏览器直接的差异会使用
    <style>
    *{
    margin:0;
    padding:0;
    }
    </style>
    这样的写法已经很少用了,因为太过于暴力,解析效率也会降低;(不建议使用);

    要使用就使用normalize css相对温和的css设置样式;
    不让就用自己慢慢调整;

    css的优先级
    1:权重值:每个选择器都有权重值,


    w3help.org兼容性处理问题;


    filter:是IE上专用的透明,叫滤镜;Arpha();

    可以检测各浏览器的默认margin:;padding: ;

      if(!window.getComputedStyle){    

      window.getComputedStyle=function($target{     return $target.currentStyle;  

    };  

     var ul = document.getElementsByTagName("ul")[0]; 

     var ol = document.getElementsByTagName("ol")[0];  alert('UL default display value:'    + getComputedStyle(ul,null).display    + " "   

             + 'OL default display value:'    + getComputedStyle(ol,null).display    + " "    

    + 'UL margin-left value:'    + getComputedStyle(ul,null).marginLeft    + " "    

    + 'UL padding-left value:'    + getComputedStyle(ul,null).paddingLeft    + " "    

    + 'OL margin-left value:'    + getComputedStyle(ol,null).marginLeft    + " "    

    + 'OL padding-left value:'    + getComputedStyle(ol,null).paddingLeft    + " "  )

  • 相关阅读:
    VSCode集成TypeScript编译
    http模拟登陆及发请求
    1​1​.​0​5​9​2​M​晶​振​与12M晶振
    单片机定时器2使用
    Altium Designer 小记
    sql-mysql
    java英文缩写
    Altium Design
    Tomcat使用
    jar/war/ear文件的区别
  • 原文地址:https://www.cnblogs.com/luoyao19910515/p/4824887.html
Copyright © 2011-2022 走看看