zoukankan      html  css  js  c++  java
  • 设计一套方案,解决不同浏览器的兼容问题(1)

    设计一套方案,解决不同浏览器的兼容问题

    总结起来就是利用考拉添加前缀以及html5shiv.js

    html部分:

    首先第一点,先写出代码,兼容主流的浏览器,再使用优雅降级的方法兼容低版本的浏览器,其中可以利用kola来添加前缀。

     js部分

    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>

    https://blog.csdn.net/bluefish_flying/article/details/72594152

    哦,我现在好像还是没有多懂

    <!DOCTYPE html>
    <html lang="zh-CN">
    
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Bootstrap 101 Template</title>
    
        <!-- Bootstrap -->
        <link href="./lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    
        <link rel="stylesheet" href="./css/index.css">
    
        <!-- 以下一段代码是兼容ie8及以下的处理 -->
        <!--[if lt IE 9]>
          <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
          <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    
        <script src="./lib/bootstrap/js/jquery-1.12.4.min.js"></script>
        <script src="./lib/bootstrap/js/bootstrap.min.js"></script>
    </head>
    
    <body>
        
    </body>
    
    </html>

    我:
    如果解决浏览器的兼容问题,请您给出一套设计方案,怎么回答才好啊?
    叶建声:

    我:
    请你给出一套解决浏览器兼容性问题的方案?
    我:
    咋回答
    叶建声:

    叶建声:
    百度不到么?
    我:
    百度到了我也不知道怎么回答
    叶建声:
    大概说几个点呗
    叶建声:
    一个优化一个兼容 都不好说
    我:
    性能优化我知道
    我:
    兼容我没怎么搞懂
    我:
    html的话:考拉加前缀+html5shiv.js+使用如bootstrap等ui框架?
    我:
    js:可以使用Jquery或者使用如Vue.js的框架?
    叶建声:
    Shiv支持ie9以下 vue好像Ie9以下不支持吧
    我:
    vue不支持
    我:
    ie9及以上
    我:
    在写代码的过程中使用优雅降级或者渐进增强的方法?
    我:
    base.css是去除浏览器默认样式吗
    杨华+17376847770:
    你这是在干什么啊大晚上的.....
    杨华+17376847770:
    吓到了
    杨华+17376847770:
    不会现在面试吧
    叶建声:
    明天要面试估计
    杨华+17376847770:
    明天不是周六?
    叶建声:
    对哦 明天周六啊
    我:
    normalize.css是用在移动端的吗
    我:
    干嘛用的啊
    叶建声:
    normalize.css是让各个浏览器样式统一好像
    叶建声:
    Normalize.css 是一个可以定制的CSS文件,它让不同的浏览器在渲染网页元素的时候形式更统一。

    Normalize.css 能干什么?
    保留有用的默认值,不同于许多 CSS 的重置

    标准化的样式,适用范围广的元素。

    纠正错误和常见的浏览器的不一致性。

    一些细微的改进,提高了易用性。

    使用详细的注释来解释代码。
    我:
    相当于基础班老师写的公共样式吗?
    我:
    base.css
    我:
    ?
    杨华+17376847770:
    不一样
    杨华+17376847770:
    他还有浏览器的兼容
    杨华+17376847770:
    base那个只是公用
    我:
    Normalize.css 只用在移动端的吗

  • 相关阅读:
    BDC中日期和数量格式的转换处理
    ◆◆0更新SO delivery block字段(BAPI_SALESORDER_CHANGE)
    如何读取物料文档[BAPI_DOCUMENT_GETOBJECTDOCS]
    ◆◆0如何读取物料文档[BAPI_DOCUMENT_GETOBJECTDOCS]
    根据Tcode查找相应BAPI
    ◆◆0物料移动[BAPI_GOODSMVT_CREATE]
    ◆◆0[问题解决]Enter a selected set-[BAPI_ROUTING_CREATE]
    ◆◆0[Dump]BAPI_PRODORD_CHANGE dump分析
    ◆◆1创建销售订单时如何给增强扩展字段赋值[BAPI_SALESORDER_CREATEFROMDAT2]
    创建文档[BAPI_DOCUMENT_CREATE2]
  • 原文地址:https://www.cnblogs.com/DZzzz/p/8919985.html
Copyright © 2011-2022 走看看