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

  • 相关阅读:
    iOS开发UI篇—Modal简单介绍
    iOS开发UI篇—APP主流UI框架结构
    A1081. Rational Sum
    A1049. Counting Ones
    A1008. Elevator
    A1104. Sum of Number Segments
    B1003. 我要通过!
    二分查找、two points、排序
    A1069. The Black Hole of Numbers
    A1101. Quick Sort
  • 原文地址:https://www.cnblogs.com/shuhegusheng/p/5630474.html
Copyright © 2020-2023  润新知