zoukankan      html  css  js  c++  java
  • 兼容性与专业功底

    兼容性:不同的浏览器对同一代码的解析不同,而造成的网页页面显示效果不统一。

    需要我们做到的是:不管用户用什么浏览器,当访问我们的地址时,显示统一的效果。因此,兼容性问题就是前端开发必须要遇到的问题,并且要会去解决。

    首先,我们需要严谨的前段开发人员,比如:精确按照设计图开发,尽量能精确到1px,这样制作的页面有几个优点:代码重用问题少,后期易于维护,比较牢固放心的代码。

    而不是:按照设计图做网页时,哪里都是相差几px,很多效果要反复再反复的调试,得到的还是非常脆弱的代码,稍要改动就乱七八糟,改好了这个浏览器另外一个又是乱七八糟。其实不然,这并不是兼容性的问题,这仅仅是我们ps切图的功底。真正的兼容性问题很大可能是因为margin和padding。

    处理兼容性的技术:

    1,重置技术*{margin:0;padding:0;};  

    2,Normalize技术(建议)。

    (1)normalize只是让CSS呈现的外观在所有浏览器上看起来一致,并不完全取消它们的特性

    (2)修复浏览器的Bug。

    (3)reset在浏览器调试工具中有大段大段的继承链,normalize却不会让你的调试工具变得杂乱。

    (4)Normalize.css是模块化的

    (5)normalize.css拥有更详细的文档。

    基于HTML5版本的流行,normalize成为替代CSSreset的最佳替代品。

  • 相关阅读:
    getComputedStyle方法获取元素CSS值
    js获得当前元素的样式
    移动端 Retina屏border实现0.5px
    CFA
    LCD驱动
    EPD的驱动
    camera原理
    Perl实战(一)
    Perl的debug小技巧
    Bus memory attribute
  • 原文地址:https://www.cnblogs.com/zhaowenxin/p/5843654.html
Copyright © 2011-2022 走看看