今天小编和大家一起分享一下如何在PC端浏览器中模拟手机端效果,一起来看下吧!
工具/原料
1
电脑
2
谷歌浏览器
方法/步骤
1
打开电脑并且打开电脑上的谷歌浏览器,如下图所示:
2
点击鼠标右键,选择检查,或者利用【Ctrl+Shift+I】调出检查页面,如下图所示:
3
选择之后得到下图效果:
4
此时页面展示不方便我们查看效果,我们可以更改一下其展示方式,点击右上角的三个点,然后选择最后一个选项:Dock to right 如下图所示:
5
选择之后得到下图效果:
6
点击toggle device toolbar, 或者利用【Ctrl+Shift+M】之后就可以得到手机端的模拟效果:
7
点击之后的效果如下图所示:
8
同样也可以选择相应的手机端效果,如下图所示,小编选择的是iphone6/7/8
上一篇:熬夜如何才能不伤皮肤
下一篇:如何使移动端和pc端加载不同页面