整理电脑里面的前端开发中的小Tips2【及时更新】

21)在HTTP1.1标准的请求支持(同一个域名)的并行,各个浏览器的下载数为:ie6/7(2)、Firefox3、IE8(6)、Opera10/Chrome3/Safari4(4)

22)浮动元素在ie6下的使用要注意:如果不设置宽度,可能会引起问题。

23) 如果在父级元素和子级元素之间(div > p)有一个HTML注释,在IE7中, 子选择器是不会起作用的。

24)iframe的使用:iframe默认样式中有边框,隐藏使用display:none ,去掉滚动条和边框可以设置成: scrolling="no" frameborder="no" 

25)在IE6、7下button和type为submit的input的默认padding无法去掉,如果需要去掉,可以添加overflow:visible。 

26)性能优化,bigpipe 要注意的: ie6,7,8最多能引入32个CSS的文件,超过将直接被忽略

27)关于reflow:在长页面添加上 body {overflow-y: scroll},可以减少一次reflow,将元素display:none的时候然后去修改里面的内容,是不会引起reflow,然后再显示。

28)图片下方多了一点空白问题或者图片背景定位高度不对问题:设置font-size:0

29)图片垂直居中问题:一般可以设置line-height 来解决,但是在ie6,7下 必须设置font-size来解决 ,序数为高度的0.873就可以了,即font-size:height*0.873

30) 仅针对ie8 的hack的写法 \0

31) input 最好不要设置height,可以设置padding的值

32)在页面潜入iframe,如果iframe里面的对象 ,必须用 window[iframe].contentWindow 来获取,其他的就和页面的方法一样的来操作了。
33)  /*@cc_on!*/  这个是什么意思呢? 其实这个是IE特有的条件注释,其他浏览器都不认识,@cc_on 表示启动条件注释,这个在ie下就是非的意思。可以参考这篇文章 
http://blog.163.com/hjysys1314@126/blog/static/10790320820091010112116834/

34)position:relative 不适用于表格,如果要在表格中使用,可以在表格中套一个div,来设置div的postion:relative属性。

原文地址:https://www.cnblogs.com/yupeng/p/2403084.html