随笔分类 -  CSS知识

CSS知识和常见布局
【知识图谱】【CSS】-- 样式类
摘要：1. 1px问题的解决和原理 原理：物理像素(window.devicePixeRatio)和逻辑像素(css里面的像素=>设备独立像素=>iphone的2倍像素) 解决： 1.1 媒体查询，缺点：IOS8+才支持小数 1.2 transform：2倍屏0.5、3倍屏0.33 参考： 移动端 1px 阅读全文
posted @ 2021-07-19 21:56 惊沙男孩 阅读(111) 评论(0) 推荐(0)
CSS布局
摘要：1. 盒子外面左右相等间距，盒子内部元素之间间距固定，元素宽度自适应 .doc-grade-box{ /* width: 100%; */ padding: 40rpx 30rpx 0; display: flex; flex-direction: row;// 水平方向 flex-wrap: wr 阅读全文
posted @ 2020-02-20 11:21 惊沙男孩 阅读(134) 评论(0) 推荐(0)