3.3 實際裝置瀏覽

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

請下載這份已經做好的「固定式版型」轉成「響應式版型」的頁面。

只要看 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

開啟「命令提示字元」：