移动端常见面试题

• 媒体查询

• rem单位 vm vh

• 相对于HTML根元素，默认16px

• bootstrap框架 栅格系统

• sass&less&scss 预处理语言 可以嵌套

• 二倍图

• dpr = 设备像素 / CSS 像素

• 1.px是相对单位还是绝对单位？为什么需要二倍图？

  • ip6的物理像素比是13341080，电脑分辨率同，但肾6+有个视网膜屏技术，会用2个px来显示图片。 图片也有一个分辨率，比如，1010px的图片，想要在移动端高清显示，需要二倍图。
  • i6+的dpr=设备物理像素pt/px=2，所以说ip6+的一个px相当于包含两个pt（设备像素 是物理像素pt，pt是word打印的单位，是标准的1/72英寸）所以，iphone6中虽然有7501334的物理像素pt，但CSS真实能操作的px只有375667？（比如说移动端让一个元素margin-left:10px,如果操作的是物理像素，那么屏幕移动距离是我们预想的一半）而同分辨率的电脑可以操作750*1334的像素px？**

• 淘宝flexible使用方法

• 移动端解决1px像素问题

• flex常用属性 flex:1