css3

全站webp化!

WebP,是一种支持有损压缩和无损压缩的图片文件格式,派生自图像编码格式 VP8。根据 Google 的测试,无损压缩后...

了解 em 和 rem 的使用

设备像素比(device pixel ratio) 设备像素比简称为dpr,其定义了物理像素和设备独立像素的对应关系。...

移动端实现0.5px线条

移动端写页面时候,由于手机屏幕小,为了让线条看起来更细腻,所以需要0.5px的线条,下面总结了两种常用的方法 利用...

移动端300ms延迟事件响应

移动端涉及到的触摸操作比较复杂,所以在设计上,移动端浏览器会在 touchend 和 click 之间有300ms左右的...

web缓存原理

web缓存在网站开发有很大的益处,可以提高网站的访问速度,减轻服务器的压力,减少带宽的占用。 浏览器缓存 浏...

css文字垂直居中

文字垂直居中在前端开发十分普遍,最常用的方法是text-center + line-height属性来实现 <...