界面显示不正确

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打开它。