问题标签 [yui-pure-css]

我想要一个 purecss 网格。当它崩溃（即小屏幕上的断点）时，是否可以说右侧网格项出现在左侧网格项之前？即某种崩溃顺序？我相信使用 flexbox 模型是可能的。但我不是这方面的专家，因此将不胜感激。

谢谢。

我正在尝试为手机开发一个交互式网络应用程序，我想为最多的手机提供最好的体验。

为此，我决定使用流星，因为它负责处理幕后逻辑的所有繁重工作，但这样的选择是有代价的，在手机上传输的每个 kb 都可能变得昂贵，具体取决于处理器、网络速度、等等

所以现在我正在尝试选择一个非常小的前端框架来帮助以尽可能短的加载时间提供最佳体验。

我们现在有各种解决方案试图解决这个问题，例如 pure.css、min.css、base、materialize、material design lite，但我在选择最佳解决方案时遇到了困难：

• 我并不总是需要全套功能，所以我应该能够轻松地构建一个子集
• 我想要以最低成本（重量）获得最佳外观的界面
• 该软件包应能处理较旧的浏览器（移动世界广阔而激烈）
• 应该很好地处理小的交互，以提供漂亮的外观和感觉
• 理想情况下，该软件包的重量最多应为 14kb，以保持良好的体验，而无需在大多数手机和网络上加载时间（或多或少！！！）

到目前为止，我觉得 Material Design lite 是最好的容器，但你怎么看？是否易于自定义（添加社交图标、删除未使用的图标、将效果限制为非常具体的图标）？还有其他框架吗？最好不使用任何框架并从头开始构建界面？不值得努力吗？

我正在使用http://purecss.io/grids/上的文档， 基本上是复制示例代码来创建三分之二的网格

然而，它根本没有像文档解释的那样显示 - 作为 3 列相等的三分之一：http: //jsfiddle.net/a7rnzn5f/1/

我不明白什么？

我目前正在学习 MVC 风格的 ASP.NET 4.5，我决定完全删除引导程序并使用 PureCSS ( http://www.purecss.io )。

这主要是因为我的 Web 应用程序除了代码隐藏之外几乎不需要脚本，以及一些用于数据验证等的轻量级 JS。

目前我正在链接到来自 Yahoo! 的组合 PureCSS 样式表。CDN：

在我的 _Layout.cshtml 文件中。这显然是有用的，但是我有两个问题：

1. 如果 CVN（无论出于何种原因）失败/关闭/更改，所有样式都会消失，我将不得不即时解决该问题（或实施一段时间的故障安全切换到另一个 CDN）
2. 我真的很喜欢捆绑的概念，我想捆绑本地的 PureCSS 库，以防止上述问题以及模块化/分隔。

生成这个捆绑包是一个简单的问题：

如果是这样，那很好，而且很花哨，但是发行版中有数十个 css 文件。有没有更清洁的方法来捆绑它们？

谢谢！

我想在 Wordpress 插件中为管理后端使用 UI 框架。不幸的是，大多数框架全局而不是显式地应用许多样式。这些全局重置和覆盖适用于从头开始构建的网站，但在实施到现有架构（如 Wordpress 后端）中时可能会造成严重破坏。

我正在寻找一个 UI 框架，它 (1)设计为或 (2) 可以被覆盖以仅应用于页面的给定区域，例如通过父 div 上的类名。这将允许我将框架应用到我的特定选项区域，同时保持后端的其余部分不变。

我最近开始使用 YUI 的Pure.css，它有一个几乎不存在的全局重置与显式类配对，所有这些都以 'pure-' 前缀开头。但是，这个框架比我想要的要轻一些。我正在寻找一些功能更丰富的东西，比如 Bootstrap 或 Semantic UI。

我正在为我的网站使用纯 CSS。问题是，这些盒子有一个奇怪的偏移量，这是无处定义的 即使我将填充和边距设置为零，盒子也不会移动。这会导致最后一个框在第二行中移动。

HTML：

CSS：

网站的外观

我只是从 Purecss.io 复制粘贴了示例表单。怎么一切都粘在一起了？为什么他们没有保证金？

使用来自 Yahoo 的Pure CSS 。

使用下面的代码块，前两个 div 网格按预期呈现。第一个 div 的孩子都是 1/6th，第二个孩子是 1/6th 和 5/6th。然而，对于第三个，1/6th 渲染得很好，但其他两个，3/6th 和 2/6th 被搞砸了，如图所示。有谁知道为什么？

我有一个基于 pureCss 的下拉菜单。此菜单可以包含 20 个或更多条目：

看到这个代码笔

在较小的屏幕上，这很快导致用户需要向下滚动才能到达底部条目 - 如果没有鼠标滚轮，这可能真的很痛苦/不可能，因为悬停经常会丢失。

有没有办法修改 CSS，以便在到达底部之前将条目自动包装到第二列甚至第三列？

我正在使用 Yahoo 的 PureCSS 库以及侧边栏插件，它在除移动 Safari 之外的所有浏览器上都运行良好。出于某种原因，只要打开菜单，它就会缩小。这甚至出现在文档的示例中。我不知道是什么原因造成的，但很容易将其称为浏览器错误。

如有必要，我可以组合一个 JSFiddle。