发表于:https://www.luoyangfu.com/art...问题描述:移动端在浮层内滚动时,会导致浮层出现下面涵盖的内容也将滚动。解决方法:出现遮罩层时,给底部遮盖的滚动容器position:fixed;并设置溢出:隐藏。如果可能,你可以设置width:100vw;height:100vh以防止滚动穿透flex布局中的文本。问题描述:在flex布局中,text-overflow会失效,无法使用样式自动省略文字。解决方案:flexlayout在下面包裹一层,然后设置父层min-width:0。2019-08-02补充:min-width:0的原因是在flexlayout下,min-width默认值为auto,并设置min-width:0,让flex布局更合理。MDN规范在Specificationsw3c《CSS Flexible Box Layout Module》2分钟学会一个CSS小技巧flexitem中子元素的文本溢出被截断text-overflow:ellipsisfailureproblem–flexbox中flexitem的宽度计算原理移动端layout1px问题设置固定元素时,ios会一直抖动将固定布局元素从滚动容器中移除,改成fixedrem、em等生成十进制像素值。android下问题描述:使用相对单位时,0.989px出现Unit,android下对粗体字体修改无效会导致::after消失大胆点。设置字体粗细:粗体。在ios上不会生效,在android上会字体变粗。您不能设置字体粗细:数字;这也不会生效。
