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

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

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

阅读 3.6k
3 个回答

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

感觉是 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)">

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

本地项目:
<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)">
从你的问题上看的话是路径问题,可以从你的项目结构着手试一下。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题