今天给大家带来怎样把网页从电脑模式设置成手机模式,把网页从电脑模式设置成手机模式的方法,让您轻松解决问题。
做开发以及做页面效果样式的小伙伴们经常需要涉及到的应用,总不能每次都去用手机扫扫来试看,也有很多说有插件的,但是小编今天教你一招无需插件一样可以查看!具体方法如下:
1首先,我们打开一个网页,举例说明一下,如下图全屏电脑模式。
2然后我们按键盘的F12键,出现如下元素界面,首先不用担心全是英文的,小编教您如何使用即可.
3然后我们点最下方的“Emulation”菜单选择即可,效仿。
4然后,我们可以看到下面有很多参数选项,选择“MODEL”即可,这个单词应该认得不,手机来着哦,点右边下拉列表框,有好多手机型号选择,当然仅限国际知名的一些手机品牌哦,不是所有都有哦。
5选择后,下方会有"Resolution"会自动填充,意思是手机分辨率哦,当然如果小伙伴的手机型号不在其内,自己写分辨率尺寸也可以的哦!
6然后看页面内容变化,已缩小成手机模式哦!
7选择右手边的Reset,可以退出当前设置恢复网页原形,也可以重新设置!
以上就是怎样把网页从电脑模式设置成手机模式,把网页从电脑模式设置成手机模式的方法教程,希望本文中能帮您解决问题。
电脑软件相关教程