文章出處

近期制作手機端頁面比較多,經常會遇到在PC端模擬手機端樣式的時候,一般情況下是用chrome進行模擬,但是也有的時候,我們可以用IE模擬,我講的IE是win10里面的Edgee。

方法/步驟

首先,我們點擊win10系統左下角的windows圖標,然后在彈出的框中,找到Edge,并點擊它。

點擊之后,我們就會打開電腦上的Edge,即IE瀏覽器。并且進入到IE瀏覽器頁面。

在頁面界面上,我們按下電腦上的F12,或者是點擊瀏覽器右上角的三個圓點,在彈出的框中選擇F12開發人員工具。

在開發人員頁面,我們會看到有一排選項,我們選擇選項倒數第二個“仿真”。

我們在仿真設置中,選擇分辨率一項,然后在彈出框中選擇"自定義"就可以自己定制自己需要模擬的手機大小。

我們設置自定義分辨率的寬和高之后,點擊方向,把橫向,改為“縱向”。

頁面就變成這個樣子了,如果我們需要查看這個網站的手機版頁面,我們可以直接點擊瀏覽器配置文件,選擇為win10移動版。

以上就是使用IE瀏覽器查看頁面的手機端效果的方法介紹,感興趣的用戶歡迎關注看文倉!


歡迎轉載:http://www.kanwencang.com/bangong/20161102/32933.html

文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()