什么是物理像素,逻辑像素和像素密度,为什么在移动端开发时需要用到@3x, @2x这种图片? 以 iPhone XS 为例,当写 CSS 代码时,针对于单位 px,其宽度为 414px & 896px,也就是说当赋予一个 DIV元素宽度为 414px,这个 DIV 就会填满手机的宽度;... 前端这点事 2022-01-28 206 #CSS
css雪碧图(CSSSprites性能优化优缺点比较) CSSSprites(精灵图),将一个页面涉及到的所有图片都包含到一张大图中去,然后利用CSS的 background-image,background-repeat,background-posit... 前端这点事 2022-01-28 293 #CSS
常见的图片格式及使用场景 (1)BMP,是无损的、既支持索引色也支持直接色的点阵图。这种图片格式几乎没有对数据进行压缩,所以BMP格式的图片通常是较大的文件。(2)GIF是无损的、采用索引色的点阵图。采用LZW压缩算法进行编码... 前端这点事 2022-01-28 321 #CSS
CSS3中有哪些新特性 新增各种CSS选择器 (: not(.input):所有 class 不是“input”的节点)圆角 (border-radius:8px)多列布局 (multi-column layout)阴影和反... 前端这点事 2022-01-28 399 #CSS
li与li之间有看不见的空白间隔是什么原因引起的?如何解决? 浏览器会把inline内联元素间的空白字符(空格、换行、Tab等)渲染成一个空格。为了美观,通常是一个<li>放在一行,这导致<li>换行后产生换行字符,它变成一个空格,占用了... 前端这点事 2022-01-28 212 #CSS
为什么有时候⽤translate来改变位置⽽不是定位 translate 是 transform 属性的⼀个值。改变transform或opacity不会触发浏览器重新布局(reflow)或重绘(repaint),只会触发复合(compositions)... 前端这点事 2022-01-28 370 #CSS
css盒模型(标准模式和怪异模式) 模型有以下两种:标准盒子模型、IE盒子模型盒模型都是由四个部分组成的,分别是margin、border、padding和content。标准盒模型和IE盒模型的区别在于设置width和height时,... 前端这点事 2022-01-28 254 #CSS
requestAnimationframe动画怎么实现(api及优缺点详解) 实现动画效果的方法比较多,Javascript 中可以通过定时器 setTimeout 来实现,CSS3 中可以使用 transition 和 animation 来实现,HTML5 中的 canva... 前端这点事 2022-01-28 350 #CSS