当我用手机访问html的时候link标签不能加载出css样式，如果用style内联式标签的话又可以访问了？

Question

<link rel="stylesheet" href="reset.css" media="screen">
<link rel="stylesheet" href="css/birds.css">
<link rel="stylesheet" href="css/phone.css" media="only screen and (max-width: 800px)">

用桌面浏览器访问的时候没有问题

Answer 1

是你本地的项目，还是部署到服务器了？手机访问你本地的项目？

感觉是 css 路径的问题。

这样试试

<link rel="stylesheet" href="./reset.css" media="screen">
<link rel="stylesheet" href="./css/birds.css">
<link rel="stylesheet" href="./css/phone.css" media="only screen and (max-width: 800px)">

Answer 2

路径问题，看看文件目录结构就知道了

Answer 3

本地项目：
<link rel="stylesheet" href="./reset.css" media="screen">
<link rel="stylesheet" href="./css/birds.css">
<link rel="stylesheet" href="./css/phone.css" media="only screen and (max-width: 800px)">
服务器：
<link rel="stylesheet" href="/reset.css" media="screen">
<link rel="stylesheet" href="/css/birds.css">
<link rel="stylesheet" href="/css/phone.css" media="only screen and (max-width: 800px)">
从你的问题上看的话是路径问题，可以从你的项目结构着手试一下。