卡饭网 > 其他 > 正文

使用IE浏览器查看页面手机端效果的方法

来源:本站整理 作者:梦在深巷 时间:2016-05-09 12:25:11

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

方法/步骤

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

使用IE浏览器查看页面手机端效果的方法

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

使用IE浏览器查看页面手机端效果的方法

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

使用IE浏览器查看页面手机端效果的方法

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

使用IE浏览器查看页面手机端效果的方法

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

使用IE浏览器查看页面手机端效果的方法

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

使用IE浏览器查看页面手机端效果的方法

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

使用IE浏览器查看页面手机端效果的方法

使用IE浏览器查看页面手机端效果的方法

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

相关推荐