我对 CSS 世界是全新的，更不用说媒体查询了，所以任何帮助都会非常感激！
我正在为学校做一项任务，我们必须测试我们的媒体查询并为各种设备尺寸提供不同的样式表。我想我基本上遇到了与这篇文章中讨论的问题相同的问题：Media Queries - Mobile vs Desktop Browser，但我不清楚该评论者是如何解决他们的问题的。
我认为这可能是错误所在的相关编码？：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--container div tag-->
<!-- Low res -->
<link href="colors2.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 128px)" />
<!-- Mid res -->
<link href="colors3.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 176px)" />
<!-- High res -->
<link href="colors4.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 240px)" />
<!-- Touch -->
<link href="colors5.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 320px)" />
这些查询在桌面浏览器上工作，但是当我在 Opera Mobile Emulator 上以（我认为是）正确的屏幕分辨率启动页面时，它们都采用默认的最小宽度 320px 样式。我也尝试将“，屏幕和（最小设备宽度：”）添加到标签中，但由于某种原因，两者都取消了整个事情，我最终在白屏上得到了我的基本 HTML。我'也尝试过@media 的事情，然后我在下面发布样式，但似乎 Dreamweaver 6 拒绝它们（？？？）因为它们以栗色突出显示，而且我再次得到白色背景。
所以......我会非常非常感谢任何帮助！我还应该提到，非常小的最小宽度是作业的一部分。我个人认为它们都太小了！非常感谢：）