这是一个很好的响应式设计方法吗？

Question

晚安，

我正在开始我的响应式设计的第一次冒险，但我有一些疑问。

我正在开发一个网站，希望它能适应平板电脑、台式机和智能手机。经过对媒体查询的大量研究和研究，我开始开发，通过研究，我意识到尝试为每种不同的分辨率做一个布局有点不可想象，因为这会花费太多时间。所以我试图捕捉尽可能多的分辨率，最常用的分辨率，然后我使用媒体查询进行调整。

我的过程：

@media screen and (min-width:769px) {} 用于桌面版本 @media screen and (max-width:768px) {} 用于平板电脑版本 对于智能手机，我使用 php 类来检测它是否是移动设备，然后我为该设备设计了一个。

您认为我的方法很好，还是您认为在我的研究和学习过程中，我理解了采用这种方法的错误？

感谢您的关注。

Answer 1

媒体查询是一种很好的方法，但您可能会发现仍然拥有一个简单地包含在媒体查询中的单独文件会更容易，这可能是我向初学者提出的主要建议（但是，正如您感觉使用 SASS 来增强对复杂 css 的管理，值得一看）。