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盒模型和标准盒模型区别?
一张图搞定