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

时间:2014-03-24 02:21:13

标签: mobile responsive-design media-queries

晚安,

我在响应式设计中开始了我的第一次冒险,我有些疑惑。

我开辟了一个网站,我希望它能够支持平板电脑,台式机和智能手机。经过大量的媒体查询研究和研究后,我开始研究,通过研究,我意识到尝试为每种不同的分辨率做一个布局是有点不可想象的,因为它需要花费太多时间。因此,我尝试捕获最多可能的分辨率,最常用的分辨率,然后使用媒体查询进行调整。

我的流程:

对于桌面版本,

@media screen和(min-width:769px){} 平板电脑版本的@media屏幕和(最大宽度:768px){} 而对于智能手机我使用php类来检测它是否是移动设备然后我有该设备的设计。

你认为我做得很好吗?或者你认为在我的研究和学习过程中我明白做这种方法有什么不对吗?

感谢您的关注。

1 个答案:

答案 0 :(得分:0)

媒体查询是一种很好的方法,但你可能会发现更容易仍然有一个单独的文件,只包含在媒体查询中,这可能是我对初学者的主要建议(但是,你觉得对他们来说更舒服,值得看一下使用SASS来增强对复杂css的管理。