Html 响应CSS不加载？

我正在尝试创建一个单独的CSS文件，这样当我的网站加载到智能手机上时，它就会响应

我在HTML中调用了全局样式表和移动样式表

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1 user-scalable=no">

<link href="css/style.css" rel="stylesheet" type="text/css">

<link rel="stylesheet" href="css/mobile.css" media="(max-width: 480px)"

然后，我从全局样式表复制了相同的css，并对测试进行了一些更改，但在测试时没有加载任何更改

我遗漏了什么吗？任何帮助都将不胜感激

---

谢谢

试着只做

@media（最大宽度：480px）

等等。

如果你想正确地做一个站点，让它响应不是一件简单的事情。 我会坚持使用像bootstrap这样的框架。

---

这样你可以避免很多头痛。

老实说，不要认为手持设备有任何支持。仅检测设备宽度在用户可缩放的内容属性中的元标记上缺少逗号。您还需要关闭移动设备的链接标记。实际代码是否缺少移动设备样式表上的关闭>？因为您的移动css中有媒体查询，调用该文件就足够了。

320实际上太小了。官方尺寸为380px。对于平板电脑，它不会这样做。但如果你只担心智能手机，那么380px就是了。我不是指尺寸，我是指声明。你说得对，没有手机比320px小。我改变了我的示例。另外，为了减少文件请求的数量，我总是将响应CSS放在主CSS文件的底部。然后，为了制作，我缩小了文件。更小的文件，更少的请求=在手机上更快地加载！

/* Smartphones ----------- */
@media (max-width: 480px) {
/* Styles */
}