3.3 實際裝置瀏覽

下載範例原始碼或任何本機端頁面

下載這份已經做好的「固定式版型」轉成「響應式版型」的頁面arrow-up-right

只要看 index.html 頁面即可,留意以下兩點:

一、在 css 資料夾中有一個 index_mobile.css 檔案,將這個檔案於 index.html 頁面中載入:

<link rel="stylesheet" href="./css/index_mobile.css">

二、viewport,可註解起來或加上,可在手機上看看差別。

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

相同區網

1、開啟本機端網站。(例:http://127.0.0.1:5500)

2、手機跟電腦連相關的區網,即相同的 wifi。

3、然後找到自己電腦的 IP,手機就可以連,port 也要加上。

Mac

註:如果想透過像以下的 Windows 那樣輸入指令的話,就在終端機中,輸入 ifconfig 尋找。(不是 ipconfig。)

Windows

開啟「命令提示字元」:

Last updated