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

文章插图

文章插图
【IE浏览器怎样查看页面手机端效果?查看页面手机端效果方法分享】点击之后,我们就会打开电脑上的Edge,即IE浏览器 。并且进入到IE浏览器页面 。

文章插图

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

文章插图

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

文章插图

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

文章插图

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

文章插图

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

文章插图

文章插图
推荐阅读
- 全面战争战锤3色孽系法术是什么 色孽系法术一览
- 棕头鹦鹉怎么养 棕头鹦鹉怎么养才亲人
- 白云对应的是什么
- 3dmark启动选择介绍
- 山楂可以做哪些美食
- 方舟生存进化电脑版翼龙吃什么
- 尾注合并注释文献方法
- 杨修是一个什么样的人 三国里的杨修是个什么样的人
- 距离产生美下句怎么接