Html 为什么是"；lounge mobile.css“；减小浏览器大小时样式表未链接？

如果我将浏览器大小更改为小于500px，mobile-lounge.css应该链接（为了测试，我将mobile-lounge中的body background更改为黑色）

头一号休息室

尝试一下，这可能会有所帮助

---

media=“（最大宽度：499px）”

我认为下面的代码将帮助您使用CSS链接

<link rel="stylesheet" media='screen and (min-width: 201px) and (max-width: 500px)' href="lounge-mobile.css">

尝试过更改窗口大小和重新加载页面吗？尝试在

中设置此元标记：

并检查它是否正确works@JohanB-OP表示他们正在调整浏览器窗口的大小，这意味着他们正在使用桌面浏览器，因此meta viewport将不起作用。使用@media可以正常工作，但在中使用它不起作用

<link rel="stylesheet" media='screen and (min-width: 201px) and (max-width: 500px)' href="lounge-mobile.css">