Die Schnittstellendarstellung ist falsch

Question

Guten Tag/Abend, ich erstelle gerade eine Website und habe beschlossen, deren Anpassungsfähigkeit zu testen. Auf dem Computer sieht alles gut aus:

Aber wenn ich es auf mein Telefon (Redmi Note 9 PRO und Samsung Galaxy J1) übertrage, erscheinen die folgenden Ergebnisse:

Aus irgendeinem Grund kann der mobile Browser die importierten Stile und JS nicht sehen. Ich habe eine Frage: Wenn ich es auf das Hosting stelle, wird es dann dasselbe sein? Warum kann ich den Stil auf meinem Telefon nicht sehen?

Wenn Sie Meta-Tags und Dateipfade benötigen, dann sind diese:

    <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">

Ich würde mich über eine Erklärung, warum das passiert, freuen, vielen Dank im Voraus

Answer 1

我猜您是直接打开文件，并且您可能需要这样的 http 服务器： https://www.npmjs.com/package/http-server

你可以让它监听0.0.0.0，然后你应该可以通过你的本地IP打开它。