响应式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)等。

Answer 2

如果您想要正确地执行此操作，那么使网站响应并非易事。 我会坚持像bootstrap i.E这样的框架。 这样你就可以避免很多头痛。