前端 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>需要靠拢在一起,否则会出现格式内容(如空格,换行或其他符号)

原文地址:https://www.cnblogs.com/shuhegusheng/p/5630474.html