首页 > 手机专区 > 苹果手机 >

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

来源:互联网 2023-03-02 12:56:35 361

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

如何把网页从电脑模式设置成手机模式JLF办公区 - 实用经验教程分享!

方法/步骤

  • 1

    首先,我们打开一个网页,举例说明一下,如下图全屏电脑模式。JLF办公区 - 实用经验教程分享!

    如何把网页从电脑模式设置成手机模式JLF办公区 - 实用经验教程分享!

  • 2

    然后我们按键盘的F12键,出现如下元素界面,首先不用担心全是英文的,小编教您如何使用即可.JLF办公区 - 实用经验教程分享!

    如何把网页从电脑模式设置成手机模式JLF办公区 - 实用经验教程分享!

  • 3

    然后我们点最下方的“Emulation”菜单选择即可,效仿。JLF办公区 - 实用经验教程分享!

    如何把网页从电脑模式设置成手机模式JLF办公区 - 实用经验教程分享!

  • 3相关内容未经许可获取自百度经验
  • 4

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

    如何把网页从电脑模式设置成手机模式JLF办公区 - 实用经验教程分享!

  • 5

    选择后,下方会有"Resolution"会自动填充,意思是手机分辨率哦,当然如果小伙伴的手机型号不在其内,自己写分辨率尺寸也可以的哦!JLF办公区 - 实用经验教程分享!

    如何把网页从电脑模式设置成手机模式JLF办公区 - 实用经验教程分享!

  • 6

    然后看页面内容变化,已缩小成手机模式哦!JLF办公区 - 实用经验教程分享!

    如何把网页从电脑模式设置成手机模式JLF办公区 - 实用经验教程分享!

  • 7

    选择右手边的Reset,可以退出当前设置恢复网页原形,也可以重新设置!JLF办公区 - 实用经验教程分享!

    如何把网页从电脑模式设置成手机模式JLF办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!JLF办公区 - 实用经验教程分享!


    标签: 网页手机

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码