摘要: 前提:父容器设置了display:flex 或 inline-flex order 项目的排列顺序 默认是0,数字越小,排在越前面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" 阅读全文
posted @ 2020-03-14 16:29 陈莺莺呀 阅读(266) 评论(0) 推荐(0) 编辑
摘要: box-sizing 在pc端一般使用默认值 content-box 在移动端一般使用 border-box <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w 阅读全文
posted @ 2020-03-14 15:10 陈莺莺呀 阅读(296) 评论(0) 推荐(0) 编辑
摘要: 物理像素=设备像素 css像素=逻辑像素=设备独立像素=实际开发中使用的像素 .box{ width:200px; height:100px; } 设备像素比 dpr = 设备像素 / css像素 (缩放比为1的情况) dpr 描述的是单方向,因此当dpr=2,意味着一个css像素由2x2个物理像素 阅读全文
posted @ 2020-03-14 12:46 陈莺莺呀 阅读(283) 评论(0) 推荐(0) 编辑