1.如何调试 IE 浏览器?
- 安装虚拟机或远程虚拟机
- 在高版本浏览器中的开发者模式,可以调试低版本的IE.
- 用`border:1px solid;`和`outline;`来确定元素位置,用与调试
- javascript:alert(document.get...)
2.在最初的浏览器时代，只有ie ，有他来定义渲染的模式。随着科技发展 w3c逐渐推行统一标准，这与ie6 7的渲染模式有一些出入。至今ie6 7仍有5%不到的市场份额，所以当我们写代码时要兼容它，通过特有的一些标注去hack它。
方法有:css属性前缀法；选择器法；ie条件注释法
3.浏览器的兼容问题。
常见的问题有:min-height属性不显示；不同的浏览器标签默认的内外边距不同；浮动原素的双边距bug；图片默认有外边距问题等。
4.兼容和多浏览器覆盖是历史遗留问题，是在浏览器发展和W3C标准的建立中逐渐产生的。针对不同的用户需求，开发者可以选择适当成度的兼容，但不要因小失大。例如银行项目的开发，就必须向下兼容很好。一些炫酷的功能只是锦上添花，需要能稳定的完成基本功能即可。
渐进增强、优雅降级的主要思想是一样的。当我们面相低版本用户是，渐进增强是种好用的策略，全力完成需求后，对于高级浏览器可使用新的功能让页面更美观。优雅降级亦如此。先满足高版本的美观方便需求，再对低版本进行兼容。
5.reset.css和normalize.css的作用和区别。
reset.css是将全部浏览器的表情不分有用无用，全部重置。比较粗暴
normalize.css是一个选择性的属性重置，并且去除了很多兼容性导致的bug，同时有详细的注释解答。
normalize.css是reset.css的升级版 更多的选择，模块化的功能，实用性更强。在以后的前端工程中，可以将它引入，方便了浏览器的兼容。
6.
在ie67中使用盒模型？可以使用<！doctype html>声明来使 IE678使用标准模式的标准盒模型。
box-sizing:border-box使用后，为元素指定的宽度和高度将包含其内边距和边框，后续如果有设置内边距和边框的话就会压缩内容宽度了。相当于在标准的和模型中，使用宽高直接定义了盒子除外边距外的剩下的大小。可以不考虑内边距和边框的情况下，直接进行大小定义 利于排版。
ie盒模型和标准盒模型区别？
一张图搞定
一张图搞定！
网友评论