我是编码的新手，我正在接受CSS Media查询的挑战。我注意到那里有大量的移动屏幕尺寸，并且有一种方法可以将它们分组，而无需为每个公司型号的每个屏幕尺寸编码 - 即：iPhone，三星等。即使我定位一个移动设计，比如iPhone，我是否需要针对每种屏幕尺寸进行编码，iPhone 4,5,6？在Teamtreehouse他们强调媒体查询不能是移动屏幕特定的，但我不明白。我希望我的问题很明确。
答案 0 :(得分：0)
CSS媒体查询允许您根据屏幕大小，设备方向或设备分辨率等来定位CSS规则。通常，开发人员使用4个通用断点（微小，窄，中，和宽）CSS Media查询来定位基于解析度。以下是常见的媒体查询：
@media only screen and (min-width:1280px) {}
@media (min-width:1024px) and (max-width:1279px) {}
@media (min-width:768px) and (max-width:1023px) {}
@media (min-width:480px) and (max-width:767px) {}
注意 - 虽然遵循上面的CSS媒体查询，但应使用移动优先方法。
除上述内容外，还可用于定位特定设备，分辨率或方向：
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/