大家好，我是HoMeTown，顺着计量单位，想继续聊一下CSS像素、设备像素、设备独立像素、dpr、ppi 之间的区别。

今天解决一个移动端适配的问题，看了几篇文章，介绍常用的移动端适配方法，里面涉及到物理像素，逻辑像素，CSS像素，手机英寸，DPR等等概念，看得我云里雾里。深入研究了下后，总归理解了，下面是我的总结。

这是我参与8月更文挑战的第22天，活动详情查看：8月更文挑战 元素是文档结构的基础，在 css 里面，每个元素生成了包含内容的框（box）, 大家都叫“盒子”。但是不同的元素显示方式是不同的，有占据一

这是我参与8月更文挑战的第26天，活动详情查看：8月更文挑战 什么是元素显示模式 在了解元素显示模式前，我们先来举个不恰当的例子：比如在世界上的人有成万上亿，那么归根结底只有两种人就是男人和女人，偶尔

1. 定位的概念 2. 定位元素的特点： 3. 脱离常规流的元素的特点： 4. 相对定位 5. 绝对定位 6. 固定定位 7. 固定定位和绝对定位的共同点和区别 7.2. 包含块为第一屏网页的绝对定位 7.3. 包含块为其父元素的绝对定位 8. 定位元素的宽高 9. 定位实现居…

- 相对定位,就是微调元素位置的.让元素相对自己原来的位置,进行位置的微调! - 也就是说,如果一个盒子想进行位置调整,那么就要使用相对定位了 ``` position:relative;