如何把网页从电脑模式设置成手机模式
来源:网络收集 点击: 时间:2024-09-02【导读】:
做开发以及做页面效果样式的小伙伴们经常需要涉及到的应用,总不能每次都去用手机扫扫来试看,也有很多说有插件的,但是小编今天教你一招无需插件一样可以查看!方法/步骤1/7分步阅读
2/7
3/7
4/7
5/7
6/7
7/7
网页手机
首先,我们打开一个网页,举例说明一下,如下图全屏电脑模式。

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

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

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

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

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

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

版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_1190527.html
上一篇:娇兰双效修护精华怎么用
下一篇:玩吧软件中怎么邀请好友?