• 设计一套方案,解决不同浏览器的兼容问题(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 只用在移动端的吗

  • 相关阅读:
    雅虎天气API调用
    HttpOperater
    HttpOperater-模拟HTTP操作类
    页面局部加载,适合Ajax Loading场景(Demo整理)
    FTPHelper-封装FTP的相关操作
    使用SOCKET实现TCP/IP协议的通讯
    IIS目录禁止执行权限
    Oracle10g 安装步骤
    SQL Server 2008、SQL Server 2008R2 自动备份数据库
    SQL列转行
  • 原文地址:https://www.cnblogs.com/DZzzz/p/8919985.html
Copyright © 2020-2023  润新知