介面顯示不正確

Question

下午好/晚上好，我目前正在創建網站並決定測試其適應性。一切在電腦上看起來都很好：

但是當我將其傳輸到手機（Redmi Note 9 PRO和三星Galaxy J1）時，出現以下結果：

由於某種原因，手機瀏覽器看不到匯入的樣式和JS。我有一個問題：如果我把它放在託管上，它會是一樣的東西嗎？為什麼手機看不到樣式？

如果您需要元標記和檔案路徑，那麼它們是：

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <link rel="shortcut icon" href="./img/favicon.svg" type="image/x-icon">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/icons/bootstrap-icons.css">
    <link rel="stylesheet" href="./css/style.css">

我希望得到解釋為什麼會發生這種情況，提前謝謝

Answer 1

我猜您是直接打開文件，並且您可能需要這樣的 http 伺服器： https://www.npmjs.com/package/http-server

你可以讓它監聽0.0.0.0，然後你應該可以透過你的本地IP打開它。