- 如何调试 IE 浏览器
- 安装虚拟机使用ie浏览器f12打开控制台调试
- 使用某些版本的ie浏览器f12
- 什么是CSS hack?在 CSS 和 HTML里如何写 hack?在 CSS 中 ie6、ie7的 hack 方式?
针对不同的浏览器写只有这个浏览器认得写法
CSS
.selector { _property: value; }
在属性前面加上hack写法
.selector { property: value\9; }
在属性值后面加上hack写法
HTML
<!--[if ie 7]-->
Everything but Internet Explorer 7
<!--<![endif]-->
通过添加只有需要hack版本浏览器才认得注释
ie6
.selector { _property: value; }
.selector { -property: value; }
ie7
.selector\ {}
ie6&7
.selector { *property: value; }
- 列举几种 浏览器兼容问题
ie7及以下不认
display:inline-block
ie6及以下不认除a标签意外的:hover伪类
- 针对兼容、多浏览器覆盖有什么看法?渐进增强和优雅降级是什么意思?
针对公司需求和市场需求用户群体来兼容浏览器,用户太少的话我们就可以不需要花费太多的心思在上面
还是要着眼于未来技术的发展。在ie9 firefox chrome要保持基本一致 ie8~ie7 80%左右一致 ie6能够正常使用即可
渐进增强 :针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
优雅降级 :一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。
区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要。降级(功能衰减)意味着往回看;而渐进增强则意味着朝前看,同时保证其根基处于安全地带。
- reset.css和normalize.css分别是做什么的?为什么推荐使用 nomalize.css?
reset.css 对各个浏览器给予标签的默认样式都重置做到初始化设置
normalize.css 尽量保留浏览器给予标签的默认样式,又能保证其各个浏览器看起来效果一样
修复了一些浏览器的bug,保留了有价值的默认值,有详细的文档
- IE盒模型和标准盒模型有什么区别? 怎样使 IE678使用标准盒模型?box-sizing:border-box
有什么作用
ie盒模型 元素宽度和高度等于 内容+padding+border
标准盒模型宽度和高度 等于内容
使用最新的html5协议<!doctype html>
使用ie的盒子模型
本教程版权归菲龍探雲和饥人谷所有,转载须说明来源