zoukankan      html  css  js  c++  java
  • 前端兼容性的解决思路及技巧

    前端知识总结
    本内容只针对Pc端,未来会添加移动端的兼容问题总结
    1、尽量使用margin,padding等边框属性代替相对定位、决定定位等属性
    2、在使用position的时候,可以在父元素上添加relative属性,可以避免很多意外的效果,(如果考虑到兼容Ie6,就不能使用或者尽量少使用绝对定位混合相对定位,因为两者混合使用在ie6下会产生非常奇特的现象).
    3、对于某个元素内,元素出现错乱的情况,可以overflow清除浮动影响.
    4、在Ie6下,overflow在特定情况下无效果,因此如果出现错乱的情况,可以使用绝对定位代替相对定位产生的浮动影响。
    5、如果考虑到兼容Ie6,就必须放弃css的高级选择器,比如属性选择器,兄弟选择器等,尽量使用单类的形式来代替多类,虽然有些变态,也不利于css的模块化.
    6、对于在chrome、firefox及ie8以上浏览器兼容的情况下,ie8以下出现混乱的情况,去看看你的css写的是否规范,这个情况我们不能看做是浏览器的问题,因为这种情况发生的根本原因大多数的情况下是你的css写的不规范导致严格的浏览器认为你写错了,因此抛出异常致使页面出现错乱的现象

    7、浏览器的兼容问题远远小于移动端的问题,虽然移动端可以使用更多的属性.

  • 相关阅读:
    [Codevs 1230]元素查找(手写哈希表)
    bat+sqlcmd 批量执行脚本
    为Redmine的项目加上起止时间
    SDUT 1068-Number Steps(数学:直线)
    对象间的联动--观察者模式
    《千与千寻》给读者带来了什么?
    二叉树中和为某一值的路径
    关于Win8 用不了USB转串口驱动
    Android Socket编程学习笔记
    java中的正则操作总结
  • 原文地址:https://www.cnblogs.com/tfcwolf/p/4249988.html
Copyright © 2011-2022 走看看