您建议使用多少媒体查询?
我做了4个设计:
横向模式960(ipad和更像桌面)
768用于纵向模式(ipad)
340用于肖像模式(iphone)
以及所有960以上
现在我的问题:
1)首先我甚至不知道为什么我使用960而不是1024.我刚才读了一些东西,因为滚动条你要将宽度减小到960.这对于平板电脑和智能手机呢?
2)我选择了这些宽度因为我认为,如果有人使用横向模式,它将切换到“ipad-media-query”并返回“iphone-media-query”.但这只是我的理论.我是媒体查询的新手.这就是我问的原因.感谢任何帮助甚至建议的CSS代码示例,以便为网站提供最佳的媒体查询量!?
最佳答案
一段绳子有多长?
这取决于您和您的设计,有多少媒体查询适合使用以及如何实现它们.
作为指南,我建议看一下Twitter Bootstrap如何实现他们的媒体查询.他们已经对它进行了大量研究以得出它们的数字,这将是一个很好的起点.
http://twitter.github.com/bootstrap/scaffolding.html#responsive