操作方法
我们先用电脑打开浏览器,随便搜索一个店铺,然后点击进入一个店铺。
进入店铺后可以看到,浏览器默认的都是电脑版的网页哦。
点击浏览器右上角的菜单,在下拉列表中点击【工具】-【开发者工具】。(快捷键F12)
调用开发者工具后,右侧会多一栏显示代码的栏,在顶部有个手机样式的图标,我们点击一下。
点击后我们看到左边的网页已经变成了手机屏幕的比例大小,但是显示的网页还是电脑版的,我们在浏览器左上角点击【刷新】按钮(快捷键F5)。
刷新网页后可以看到,网页已经变成了手机版哦,是不是很神奇呢?
在网页顶部可以选择手机的型号,也支持最新的iphoneX哦。
切换不同的手机,可以看到不同手机屏幕比例的真实效果哦~很不错吧?