Zijeak的博客

1、什么是响应式布局一个网站兼容多种终端，而不是为多个终端分别开发多个版本。对不同屏幕尺寸（大小）做出响应，并进行相应布局的一种移动Web开发方式。2、响应式布局的原理关键点：如何响应不同的屏幕尺寸——媒体查询在不同的断点下写不同的样式3、栅格系统栅格系统是响应式布局的一种实现方式。...

1.物理像素物理像素（physical pixel）也叫设备像素（dp:device pixel），物理像素与设备相关，例如：19801080，10807202.CSS像素CSS像素又称逻辑像素（logical pixel）或设备独立像素（dip:device independent pixel），它与设备无关，是实际开发中使用的像素，例如200px，100px3.设备像素比设备像素比（dpr:device pixel ratio）dpr = 设备像素 / CSS像素（缩放比是1的情况下）