在单独的css文件中使用css类的div宽度

Question

我想通过使用单独的css文件向div添加一个类。 例如，我在我的html文件中有这个：

/* width 90% */

@media (min-width: 960px) {
  div.width90 {
    max-width: 90%;
  }
}

<div class="width90">
  text in div with a 90% width
</div>

但是它不起作用......即使我剥离@media（最小宽度：960px）它也不会工作。

我用谷歌搜索了一段时间，但找不到答案（我对此并不熟悉）

我使用此类的目的是在90％宽度div块中显示文本，但仅在大于960px的屏幕上显示。

如果我在html中使用这种样式，它适用于每个屏幕尺寸，这就是我想在课堂上添加它的原因：

<div style="width: 90%">
  text in div with a 90% width
</div>

使用正确的代码应该是什么？我希望我的问题足够清楚！ ;）

谢谢，艾伦

Answer 1

你可能已经错过了这个标题：

<meta name="viewport" content="width=device-width, initial-scale=1.0">