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