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

原文地址：https://www.jb51.cc/css/427456.html