css – 多少媒体查询?

前端之家收集整理的这篇文章主要介绍了css – 多少媒体查询?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

您建议使用多少媒体查询

我做了4个设计:

横向模式960(ipad和更像桌面)
768用于纵向模式(ipad)
340用于肖像模式(iphone)
以及所有960以上

现在我的问题:

1)首先我甚至不知道为什么我使用960而不是1024.我刚才读了一些东西,因为滚动条你要将宽度减小到960.这对于平板电脑和智能手机呢?

2)我选择了这些宽度因为我认为,如果有人使用横向模式,它将切换到“ipad-media-query”并返回“iphone-media-query”.但这只是我的理论.我是媒体查询的新手.这就是我问的原因.感谢任何帮助甚至建议的CSS代码示例,以便为网站提供最佳的媒体查询量!?

3)我只想覆盖大多数平板电脑,智能手机,台式机等受最佳媒体查询大小的影响.我非常感谢您的“最佳解决方案”!

最佳答案
一段绳子有多长?

这取决于您和您的设计,有多少媒体查询适合使用以及如何实现它们.

作为指南,我建议看一下Twitter Bootstrap如何实现他们的媒体查询.他们已经对它进行了大量研究以得出它们的数字,这将是一个很好的起点.

http://twitter.github.com/bootstrap/scaffolding.html#responsive

猜你在找的CSS相关文章