Mobile 这是一种很好的响应性设计方法?

Mobile 这是一种很好的响应性设计方法?,mobile,responsive-design,media-queries,Mobile,Responsive Design,Media Queries,晚安 我开始了我在响应式设计方面的第一次冒险,我有些怀疑 我正在开发一个网站,我希望它适用于平板电脑、台式机和智能手机。在对我开始开发的媒体查询进行了大量的研究之后,通过研究,我意识到尝试为每个不同的分辨率做一个布局是不可想象的,因为这会花费太多的时间。因此,我尝试获取尽可能多的分辨率,使用最多的分辨率,然后使用媒体查询进行调整 我的流程: @桌面版本的媒体屏幕和(最小宽度:769px){} @平板电脑版本的媒体屏幕和(最大宽度:768px){} 对于智能手机,我使用一个php类来检测它是否是移

晚安

我开始了我在响应式设计方面的第一次冒险,我有些怀疑

我正在开发一个网站,我希望它适用于平板电脑、台式机和智能手机。在对我开始开发的媒体查询进行了大量的研究之后,通过研究,我意识到尝试为每个不同的分辨率做一个布局是不可想象的,因为这会花费太多的时间。因此,我尝试获取尽可能多的分辨率,使用最多的分辨率,然后使用媒体查询进行调整

我的流程:

@桌面版本的媒体屏幕和(最小宽度:769px){} @平板电脑版本的媒体屏幕和(最大宽度:768px){} 对于智能手机,我使用一个php类来检测它是否是移动设备,然后我就有了一个针对该设备的设计

你认为我的方法很好吗?或者你认为在我的研究和学习过程中,我理解这种方法是错误的吗


感谢您的关注。

媒体查询是一种很好的方法,但您可能会发现,在媒体查询中只包含一个单独的文件更容易,这可能是我给初学者的主要建议(然而,当您对它们感到更舒服时,值得一看使用SASS来增强复杂css的管理)