Css 移动优化的媒体查询

我已将以下内容添加到我的网站，以针对手机/标签等：

<link href="assets/styles/phone.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 640px)" >
<link href="assets/styles/tablet.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 641px) and (max-width: 768px)" >
<link href="assets/styles/main.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 769px)" >

样式表在浏览器中动态变化时可以正常工作，但是我测试的移动设备仍然以主样式表为目标，而不是移动版本

有什么建议吗

---

干杯

苹果设备使用

最小设备宽度

和

最大设备宽度

尝试添加

---

您在哪些移动设备上进行了测试？