Paparan antara muka tidak betul

Question

Selamat petang/malam, saya sedang membuat tapak web dan memutuskan untuk menguji kebolehsuaiannya. Semuanya kelihatan baik pada komputer:

Tetapi apabila saya memindahkannya ke telefon saya (Redmi Note 9 PRO dan Samsung Galaxy J1), keputusan berikut muncul:

Atas sebab tertentu, penyemak imbas mudah alih tidak dapat melihat gaya dan JS yang diimport. Saya mempunyai soalan: jika saya meletakkannya di hosting, adakah ia akan menjadi perkara yang sama? Mengapa saya tidak dapat melihat gaya pada telefon saya?

Jika anda memerlukan tag meta dan laluan fail, maka ia adalah:

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

Saya akan menghargai penjelasan mengapa ini berlaku, terima kasih terlebih dahulu

Answer 1

Saya rasa anda membuka fail terus, dan anda mungkin memerlukan pelayan http seperti ini: https://www.npmjs.com/package/http-server

Anda boleh memintanya mendengar pada 0.0.0.0 dan kemudian anda sepatutnya boleh membukanya melalui IP tempatan anda.