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    + " "  )

  • 相关阅读:
    Kinect 开发 —— 硬件设备解剖
    Kinect 开发 —— 引言
    (转)OpenCV 基本知识框架
    OpenCV —— 摄像机模型与标定
    OpenCV —— 跟踪与运动
    OpenCV —— 图像局部与分割(二)
    OpenCV —— 图像局部与部分分割(一)
    OpenCV —— 轮廓
    OpenCV —— 直方图与匹配
    OpenCV —— 图像变换
  • 原文地址:https://www.cnblogs.com/luoyao19910515/p/4824887.html
Copyright © 2011-2022 走看看