1、首先点击fn+f12打开开发者工具，如下图所示
2、点击开发者工具中的这个图标后就会发现页面变为了手机模式了，如下图所示
3、刚打开移动端编辑模式时页面是处于自适应视口模式，可以在页面的上方看到页面的大小，也可以辜染蜊矶拖动手柄将页面大小调整为所需的任何尺寸
4、也可以点击这个小三角符号选择相应的移动设备进行调试
5、选择了相应的移动设备喋碾翡疼模式之后可以在页面右上方的三个点点击show device frame可以看到移动设备的设备框架，如果看不到设备框架，则意味着 DevTools 没有该特定选项的效果图。
6、还可以点击下面这个图标将页面设为横向显示
