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

  • 相关阅读:
    Python 06--面向对象编程
    Python 05--常用模块学习
    6大排序算法,c#实现
    Git管理unity3d项目
    cordova crosswalk android 7.0 问题
    ionic/cordvoa 修改platform文件夹里的文件,build会覆盖问题
    webStorm Linux Ubuntu 中文搜狗输入问题
    Ionic android 底部tabs
    ionic 添加新module
    yii2 Nav::widget() 和 Menu::widget()
  • 原文地址:https://www.cnblogs.com/zhaowenxin/p/5843654.html
Copyright © 2011-2022 走看看