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

近期制作手机端页面比较多,经常会遇到在PC端模拟手机端样式的时候,一般情况下是用chrome进行模拟,但是也有的时候,我们可以用IE模拟,我讲的IE是win10里面的Edgee 。
方法/步骤
首先,我们点击win10系统左下角的windows图标,然后在弹出的框中,找到Edge,并点击它 。

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


【使用IE浏览器查看页面手机端效果的方法】点击之后,我们就会打开电脑上的Edge,即IE浏览器 。并且进入到IE浏览器页面 。
使用IE浏览器查看页面手机端效果的方法


在页面界面上,我们按下电脑上的F12,或者是点击浏览器右上角的三个圆点,在弹出的框中选择F12开发人员工具 。
使用IE浏览器查看页面手机端效果的方法


在开发人员页面,我们会看到有一排选项,我们选择选项倒数第二个仿真 。
使用IE浏览器查看页面手机端效果的方法


我们在仿真设置中,选择分辨率一项,然后在弹出框中选择自定义就可以自己定制自己需要模拟的手机大小 。
使用IE浏览器查看页面手机端效果的方法


我们设置自定义分辨率的宽和高之后,点击方向,把横向,改为纵向 。
使用IE浏览器查看页面手机端效果的方法


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



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



    推荐阅读