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