前端 tips 总结

1. 因浏览器默认字体不同，那么占位符或空格宽度也有所差异，通过设置默认字体解决（中英文分别设置）；

2. 行内元素无行高属性；

3. 编辑每一个作为容器的元素，要考虑的属性：

　　overflow：

　　以单词还是以字母为单位切断字符换行。

　　a标签：鼠标经过样式、四态形态。

4. firefox旧版浏览器不支持background-position-x/background-position-y属性；

5. 旧版safari对百分比自适应大小存在问题；（5.1.7）

6. 旧版safari不支持 $(select).click();  （5.1.7）

7. ie8以下版本浏览器不支持inline-block ；

8.position:fixed 的元素，可以通过"left"/"right"属性使元素靠边； 

9.设置td/th  width：300px;  (具体像素值)  防止表格无限撑大？ table-layout: fixed;

10.深入研究bfc ，生成bfc的元素，不会影响其范围外的元素的布局；具体会产生的影响待研究。（inline-block 元素换行会有空格，因此会有间隔，可以设置字体font-size:0; 解决）

11.页面内模态框的命名：页面名称+modal-0x; 

12.echarts初始化时，需要得到容器的宽高，即最好提前设置宽高，行间或非行间均可，否则需要初始化后调用 myChart.resize();

13. <textarea></textarea>需要靠拢在一起，否则会出现格式内容（如空格，换行或其他符号）