如何把网页从电脑模式设置成手机模式

 时间:2024-10-11 18:57:40

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

如何把网页从电脑模式设置成手机模式

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

如何把网页从电脑模式设置成手机模式

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

如何把网页从电脑模式设置成手机模式

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

如何把网页从电脑模式设置成手机模式

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

如何把网页从电脑模式设置成手机模式

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

如何把网页从电脑模式设置成手机模式

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

如何把网页从电脑模式设置成手机模式
  • Discuz论坛发图片不能显示的解决办法
  • Python FIFO队列实现
  • 单元测试PowerMockito使用说明
  • 龙宫怎么加点
  • 怎样用jquery获取select里面选中的值
  • 热门搜索
    手抄报插图 民族手抄报 物理手抄报 防火手抄报简单又漂亮 关于元宵节的手抄报 感恩老师的手抄报 爱国手抄报图片 清明节手抄报内容简短 中国梦手抄报 保护水资源手抄报