hack和兼容性

• 如何调试 IE 浏览器

1. 安装虚拟机使用ie浏览器f12打开控制台调试
2. 使用某些版本的ie浏览器f12

Paste_Image.png

---

• 什么是CSS hack？在 CSS 和 HTML里如何写 hack？在 CSS 中 ie6、ie7的 hack 方式？

针对不同的浏览器写只有这个浏览器认得写法

CSS

.selector { _property: value; } 

在属性前面加上hack写法

.selector { property: value\9; }

在属性值后面加上hack写法

HTML

Everything but Internet Explorer 7

通过添加只有需要hack版本浏览器才认得注释

ie6

.selector { _property: value; }
.selector { -property: value; }

ie7

.selector\ {}

ie6&7

.selector { *property: value; }

• 列举几种 浏览器兼容问题

ie7及以下不认

display:inline-block

Paste_Image.png

j

ie6及以下不认除a标签意外的:hover伪类

Paste_Image.png

---

• 针对兼容、多浏览器覆盖有什么看法？渐进增强和优雅降级是什么意思？

针对公司需求和市场需求用户群体来兼容浏览器，用户太少的话我们就可以不需要花费太多的心思在上面
还是要着眼于未来技术的发展。在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协议

使用ie的盒子模型

---

本教程版权归菲龍探雲和饥人谷所有，转载须说明来源