我已经为我的一个博客确定了一个主题。是否可以将样式表（大多数主题上的style.css）包装在@媒体查询中，并生成整个主题responsive, 或fluid, 所以它works well on all browsers and screen resolutions?
如果是这样的话，有人知道我怎样才能做到这一点吗？还是有更好、更简单的方法来实现这一点？
我的意思是，我可以把这个放在我风格的首位吗。css？
@media screen and (max-height: 700px) {
// style.css rules
当然，在最底层，只是：
}
这会使我的整个主题流畅或反应灵敏，还是比这更深入？在此方面的任何指导都将不胜感激！
最合适的回答,由SO网友:suBi 整理而成
您可以使用媒体查询根据规格更改每个元素的样式。您必须将这些添加到样式表的底部，以便根据屏幕大小覆盖默认样式
以下引导中的媒体查询模板仅基于屏幕大小。您也可以使用更复杂的媒体查询来定位特定的设备。
为了支持旧浏览器（IE），您必须使用条件语句来包含respond。js或媒体查询。js。媒体查询仅适用于屏幕、手持设备等设备规格。。。
一个很好的起点是：http://alistapart.com/article/responsive-web-design
例如：引导媒体查询。/*大桌面*/@媒体（最小宽度：1200px）{…}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
/* Landscape phones and down */
@media (max-width: 480px) { ... }
