css3

transform导致fixed失效

在做移动端菜单的时候发现设置will-change:transform会导致position为fixed的子元素相对于父...

移动端按钮效果

h5开发webapp各种按钮,为了更友好地展示交互效果,需要添加一些点击效果,在pc端的元素用:focus,hover,...

css元素选择特异性

根据层叠顺序,优先级相同的样式,如何判断哪一条声明会起作用,取决于对其选择器特殊性的计算值。 <!DOCTYP...

全站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属性来实现 <...