css - Yahoo Pure CSS 中的媒体查询

标签 css media-queries yui-pure-css

我正在使用 Yahoo 的纯 CSS 模块 (http://purecss.io/) 创建我的网站。到目前为止我真的很喜欢它。我不明白的一件事是媒体查询如何适应它。这是他们的网格页面上的内容:

Default Media Queries

When using Responsive Grids, you can control how the grid behaves at specific breakpoints by adding class names. Pure's default responsive grids comes with the following class names and media query breakpoints. enter image description here

所以我想在“xl”断点处添加一些自定义处理。我怎么做?另外,我如何知道将我的内容放入哪个类?我以前用过媒体查询。我只是不太明白他们是如何做到这一点的。

最佳答案

嗨,我自己使用 pure,因为 bootstrap 很无聊而且臃肿,为什么不尝试一些开箱即用的东西...xl 查询上的断点很容易放置你的 css 类是纯网格,即使它们都可以被破坏所以可以说 .sidebar 你希望它在 xl 地方那个 clas 那里..你可以在他们的网站上设置断点以及不同的屏幕尺寸,如果那是你正在寻找的东西。我希望这对您有所帮助...但我不确定您是否在使用 WordPress,但我的 purecss wp 主题很快就会面向开发人员和设计师推出!

关于css - Yahoo Pure CSS 中的媒体查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26594492/

相关文章:

html - 从右到左填充宽度而不是默认从左到右

html - 如何在表格的一行中添加标题

mobile - 使用 screen.width 和 window.devicePixelRatio 来检测移动和/或视网膜显示器是一种糟糕的方法吗?

javascript - 如何在移动设备上停止淡入/淡出

html - Pure.css 1-3 网格每行只显示 2 个元素

javascript - 使用 jquery/javascript 使按钮可根据屏幕大小调整大小

html - 为什么我的 HTML 表单在 Sharepoint 和 jsfiddle 中显示不同?

jquery - 媒体查询和 JQuery 问题

html - purecss.io - 为什么两个 pure-u-1-2 元素堆叠在宽屏幕上?

css - 尝试将水平导航 (ul) 拆分为两行