下午好/晚上好,我目前正在创建网站并决定测试其适应性。一切在计算机上看起来都很好:
但是当我将其传输到手机(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">
我希望得到解释为什么会发生这种情况,提前谢谢
我猜您是直接打开文件,并且您可能需要这样的 http 服务器: https://www.npmjs.com/package/http-server
你可以让它监听0.0.0.0,然后你应该可以通过你的本地IP打开它。