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的最佳替代品。

  • 相关阅读:
    MathType输入框怎么调整
    几何画板中去除画出的线段的教程
    MathType怎么编辑半开半闭区间
    几何画板给月牙图形填充颜色的技巧
    MathType调整矩阵分隔线粗细的方法
    帮你深入理解OAuth2.0协议
    phalapi
    Spring松耦合实例
    让前端工程师糟心的正则表达式到底是什么?
    composer安装
  • 原文地址:https://www.cnblogs.com/zhaowenxin/p/5843654.html
Copyright © 2011-2022 走看看