html - 响应式 CSS 未加载？

Question

我正在尝试创建一个单独的 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)"

我已将以下代码放在移动样式表的顶部；

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

然后我从全局样式表中复制了相同的 css 并进行了一些更改以进行测试，但是在测试时我所做的更改都没有加载。

我错过了什么吗？任何帮助将不胜感激。

谢谢

Answer 1

尝试只做 @media (max-width: 480px) 等