我正在努力使这个网站更具响应性，并且已经开始使用％和ems等响应性术语制作所有属性，但由于某种原因，它没有像我想的那样响应。我决定使用媒体查询来弥补设计缺陷。
我一直在阅读Ethan Marcotte的响应式网页设计，它对大多数设计都有很大的帮助，但媒体查询似乎不适用于我的iPad或iPod（我做错了） 。
任何人都可以轻易确定我做错了什么吗？
答案 0 :(得分：0)
我必须看到你的代码是完全确定的，但是从我上拉你的网站时我看到的，下面的样式表导入实际上并没有找到项目文件夹中的文件：
<link rel="stylesheet" href="styles/base.css"/>
<link rel="stylesheet" href="styles/skeleton.css"/>
<link rel="stylesheet" href="styles/layout.css"/>
似乎要加载的唯一文件是
<link rel="stylesheet" href="styles/index.css" />
并且不包含任何媒体查询。
当我在Google Chrome浏览器中调整网站大小时，我没有看到任何有效的响应更改，因为您的3个样式表不存在。
答案 1 :(得分：0)
如果它似乎在您的桌面浏览器中运行，但媒体查询不能在移动设备上工作，我可能会猜测您没有视口元标记。即<meta name="viewport" content="width=device-width, initial-scale=1">
这可确保移动设备不会尝试缩小您的网页以适应其设备大小，而是允许您确定CSS（和媒体查询）中的宽度。这个MDN article on the viewport meta tag可能对更多信息有用。