Android 媒体查询（响应式设计）

我是新的编码，我有CSS媒体查询的挑战。我已经注意到，手机屏幕尺寸有很多种，有没有一种方法可以让我分组瞄准他们，而不必为每个公司型号的每种屏幕尺寸编码——例如：iPhone、三星等。此外，即使我瞄准一种手机设计，比如iPhone，我也需要为每种屏幕尺寸编码，比如iPhone 4、5、6？在Teamtreehouse，他们强调媒体查询不能是特定于手机屏幕的，但我不明白这一点。我希望我的问题是清楚的。

CSS媒体查询允许您根据屏幕大小、设备方向或设备分辨率等确定CSS规则。通常，开发人员使用CSS媒体查询的4个通用断点（小断点、窄断点、中断点和宽断点）根据分辨率确定目标设备。以下是常见的媒体查询：

@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媒体查询时，应使用移动优先方法

除上述内容外，以下内容还可用于针对特定设备、分辨率或方向：

---

您目前如何编码站点div的大小？这不是stack的问题，请尝试quora。@user3216887，我想我的挑战不在于div的大小，而在于断点。我试着在网上阅读和阅读解决方案，但我似乎隐藏了一堵墙。我的挑战是如何设置响应性设计，而不必为每个屏幕大小编写代码，比如在media query中是否存在一个可以为所有大小屏幕设置大小的平均值。@詹姆斯111，我为什么要试试Quora？我有一个Quora账户，但我想在评估了两者之后，我会得到一个更具体的答案。