怎样把网页从电脑模式设置成手机模式 把网页从电脑模式设置成手机模式的方法

今天给大家带来怎样把网页从电脑模式设置成手机模式，把网页从电脑模式设置成手机模式的方法，让您轻松解决问题。

做开发以及做页面效果样式的小伙伴们经常需要涉及到的应用，总不能每次都去用手机扫扫来试看，也有很多说有插件的，但是小编今天教你一招无需插件一样可以查看！

具体方法如下:

1

首先，我们打开一个网页，举例说明一下，如下图全屏电脑模式。

2

然后我们按键盘的F12键，出现如下元素界面，首先不用担心全是英文的，小编教您如何使用即可．

3

然后我们点最下方的“Emulation”菜单选择即可，效仿。

4

然后，我们可以看到下面有很多参数选项，选择“MODEL”即可，这个单词应该认得不，手机来着哦，点右边下拉列表框，有好多手机型号选择，当然仅限国际知名的一些手机品牌哦，不是所有都有哦。

5

选择后，下方会有"Resolution"会自动填充，意思是手机分辨率哦，当然如果小伙伴的手机型号不在其内，自己写分辨率尺寸也可以的哦！

6

然后看页面内容变化，已缩小成手机模式哦！

7

选择右手边的Reset,可以退出当前设置恢复网页原形，也可以重新设置！

以上就是怎样把网页从电脑模式设置成手机模式，把网页从电脑模式设置成手机模式的方法教程,希望本文中能帮您解决问题。