当我用手机访问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)">