1、首先，用Chrome谷歌浏览器打开网站页面。例如：百度首页。
2、然后右击网页空白区域，点击“审查元素”或者按下快捷键Ctrl+Shift+I
3、点击开发者工具中的Elements左侧的手机图标。
4、这时网页会自动显示为手机屏幕上的效果。我们点击左上角的Device选项
5、从中选择不同的手机品牌和型号，或者平板电脑品牌或型号
6、点击下方的屏幕尺寸的数字，可以实时修改不同的手机屏幕分辨率，预览网页是否有异常。
7、如果需要模拟移动设备上屏幕缩放后的效果，可以点击右侧的+-按钮，对手机平板的屏幕进行快速缩放，看看是否有显示不正常的网页元素。
8、最后，再次点击一下手机图标，即可退出手机平板电脑的模拟预览界面。
