
响应式开发的本质是针对多种屏幕做适配 ,首先需要掌握几个基本概念: 物理像素:设备的屏幕实际像素点,如常说的 iPhone 6 Plus 的分辨率是 1920 * 1080 像素。 设备独立像素:逻辑像素,用于定义应用的UI。 屏幕像素比(devicePixeRatio):物理像素与设备独立像素的比值。 首先响应式布局是现在比较流行的布局方法之一,因为响应布局可以兼pc,移动,平板端开发代码量远远低于自适应式。 响应式布局开发首先是要以pc端的交互为基础而延续到移动,平板端开发,这里就有人可能有疑问的为什么要以pc端为基础,答案很简单因为pc端的屏幕比例大小无疑是比后两者都要大, 响应式开发就按照屏幕达到特定的比例就改变css,js为特定比例相对应的对象终端。 首先响应式开头哪里要加上 <meta name="viewport" content="width=device-width,initial-scale=1"> viewport 属性 viewport 是指屏幕上能用来显示网页的区域,默认情况下大多数设备的 viewport 的宽度都是 980 像素 ,可以通过在 heade


