如何快速查看网页在手机和平板电脑上的显示效果

1、首先，用Chrome谷歌浏览器打开网站页面。例如：百度首页。

2、然后右击网页空白区域，点击“审查元素”或者按下快捷键Ctrl+Shift+I

3、点击开发者工具中的Elements左侧的手机图标。

4、这时网页会自动显示为手机屏幕上的效果。我们点击左上角的Device选项

5、从中选择不同的手机品牌和型号，或者平板电脑品牌或型号

6、点击下方的屏幕尺寸的数字，可以实时修改不同的手机屏幕分辨率，预览网页是否有异常。

7、如果需要模拟移动设备上屏幕缩放后的效果，可以点击右侧的+-按钮，对手机平板的屏幕进行快速缩放，看看是否有显示不正常的网页元素。

8、最后，再次点击一下手机图标，即可退出手机平板电脑的模拟预览界面。