摘要:
JS处理 首先,可以通过 window.devicePixelRatio 拿到设备的像素比,然后给 html 标签加上的相应的样式。 这样一来我们可以通过, html.pixel-ratio-2 给不同分辨率的屏幕加上特殊的样式 单个边的1px方案 由于andorid不能设置0.5px像素的边框,所 阅读全文
posted @ 2018-11-26 16:20
shangyueyue
阅读(732)
评论(0)
推荐(0)
摘要:
一、锚伪类 二、UI元素状态伪类 1.checked 2.disabled 3.enabled 三、结构伪类 1.:first-child 2.:last-child 3.:nth-child(3) 4.:nth-child(n) => 等价于所有 5.:nth-child(2n)=> nth-ch 阅读全文
posted @ 2018-11-26 15:37
shangyueyue
阅读(211)
评论(0)
推荐(0)
摘要:
需求: 一般在响应式中,我们会要求视频的宽高比为16:9或4:3,这么一来就比较头大了。当用户改变浏览器宽度的时候(改变高度不考虑),视频的宽度变了,那么高度也得根据我们要求的16:9或4:3改变。 参考: css中如何做到容器按比例缩放 阅读全文
posted @ 2018-11-26 14:21
shangyueyue
阅读(1596)
评论(0)
推荐(0)
摘要:
一、 rem vs em 二、js计算 为了避免造成因为动态设置<html>元素的font-size而造成页面抖动,一般这部分代码我们放在header底部去加载,并内联到html文档里面。 三、媒体查询 参考文档: 简单粗暴的移动端适配方案 - REM 阅读全文
posted @ 2018-11-26 11:29
shangyueyue
阅读(167)
评论(0)
推荐(0)

浙公网安备 33010602011771号