卡饭网 > 其他 > 正文

浏览器查看手机端页面的效果

来源:本站整理 作者:梦在深巷 时间:2019-05-05

近期制作手机端页面比较多,经常会遇到在PC端模拟手机端样式的时候,一般情况下是用chrome进行模拟,但是也有的时候,我们可以用IE模拟,我讲的IE是win10里面的Edgee。

方法/步骤

首先,我们点击win10系统左下角的windows图标,然后在弹出的框中,找到Edge,并点击它。

浏览器查看手机端页面的效果

点击之后,我们就会打开电脑上的Edge,即IE浏览器。并且进入到IE浏览器页面。

浏览器查看手机端页面的效果

在页面界面上,我们按下电脑上的F12,或者是点击浏览器右上角的三个圆点,在弹出的框中选择F12开发人员工具。

浏览器查看手机端页面的效果

在开发人员页面,我们会看到有一排选项,我们选择选项倒数第二个“仿真”。

浏览器查看手机端页面的效果

我们在仿真设置中,选择分辨率一项,然后在弹出框中选择"自定义"就可以自己定制自己需要模拟的手机大小。

浏览器查看手机端页面的效果

我们设置自定义分辨率的宽和高之后,点击方向,把横向,改为“纵向”。

浏览器查看手机端页面的效果

页面就变成这个样子了,如果我们需要查看这个网站的手机版页面,我们可以直接点击浏览器配置文件,选择为win10移动版。

浏览器查看手机端页面的效果

浏览器查看手机端页面的效果

以上就是使用IE浏览器查看页面的手机端效果的方法介绍,感兴趣的用户欢迎关注我们!

相关推荐