响应式测试

跟PC端相比，移动端最大的不同是处理设备的分辨率是不同的，这就要求我们开发的页面需要兼容处理各种不同的分辨率尺。在使用模拟器或真机调试之前，我们可以通过浏览器自带的开发者工具进行简单的响应式测试。

Chrome

打开开发者工具后，你可以将 Chrome DevTools 放在右边，点击工具栏中的手机图标，在左侧页面区域的上方选择需要的机型。

Safari

开发 → 进入响应式设计模式

responsinator

界面左上方输入框输入网址，点击 GO，界面会显示所有尺寸设备下竖屏和横屏下页面展示。

以上仅能作为基础的响应式测试，对于稍微复杂的页面，还是需要用虚拟机或者真机测试，这样更加可靠。