问题标签 [yui-pure-css]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - 水平响应式导航栏 PureCSS 的烦恼
css - PureCSS 和 CSS 菜单下拉菜单
我正在尝试使用 PureCSS，并使用 CSS 获取菜单下拉菜单（出于可移植性原因，而不是通过 YUI 或 Jquery）。
这是我到目前为止所拥有的：
http://jsfiddle.net/ket262p3/3/
和：
我认为潜在的问题可能是 purecss 中的一些微妙的问题，导致二级菜单不显示。
忽略额外的类——它们代表了使用 YUI 或 JQuery 的早期阶段。
css - PureCSS Grid 不以 Firefox 为中心
我正在为我的网站尝试PureCSS，看起来一切都很好。我在 Firefox 中打开它，发现我的内容没有居中。
HTML/CSS 非常简单。如果我打开 Inspector 工具，我可以看到我<div class="content pure-u-1 pure-u-md-3-5">以 60% 的宽度正确渲染。如果是这样，那为什么不
将我的内容集中在 Firefox 中？在 Chrome 中一切正常。我已经有一段时间没有做前端的东西了，但是经过一些快速搜索后，我看到人们仍然建议margin: 0 auto;居中，所以我认为这与网格框架有关？我也将所有内容设置为box-sizing: border-box;.
css - 如何在纯 CSS 中使用嵌套网格的示例
文档不包含任何嵌套网格的示例。有人可以发布一个嵌套网格的例子吗
javascript - 在应用 CSS 和 Javascript 之前，如何防止导航呈现为列表？
我有使用 HTML 中的无序列表元素构建的导航。我用 CSS 设计它（使用PUREcss）。使用 Jquery，作为一个小的 JS 函数。这些是PUREcss 的实现说明。
当页面加载时，它总是在呈现导航之前将列表呈现为普通 html。我能做些什么来防止列表的初始呈现？
html - 使表格适应屏幕宽度 // purecss
我正在使用纯 CSS 来设计我的网页。我的页面上有这张表格/表格。不幸的是，它超出了我的屏幕宽度。如何使表格自动格式化以适合我的屏幕？我希望每列“缩小”，直到表格适合用户的屏幕宽度。
html - 纯 CSS 网格默认代码不起作用
使用纯网格，我的网站没有正确响应，因此我尝试将默认的响应式网格代码复制并粘贴到我的文件中，但它仍然无法正常运行。
这是他们网站上列出的默认代码：
我的完整代码可以在这里找到。在浏览器中查看以下代码时，这三组点看起来好像彼此堆叠在一起，或者以 100% 的列宽。从每个类列表中删除“pure-u-1”会显示它们，就好像这些点都非常小并且彼此重叠，从字面上看（不像块一样堆叠，因为你只能看到一组点）。
html - purecss 纯菜单项无法正常工作
此菜单代码是http://purecss.io/menus/中的第一个示例。
但是效果不好:(
每个<li>项目彼此保持一屏距离。如果向下滚动，您会看到其他项目。
但它适用于 purecss.io/menus 页面。我不知道为什么。
（在这里，当您运行它时也可以正常工作……您必须使用此代码创建一个 html 文档，然后它会失败……）
我看到pure-menu-item有一个height: 100%，我认为这有点奇怪。这是问题吗？
css - 纯 CSS：响应式图像在 Firefox 和 Opera 上使用边框和填充打破列
我使用 Yahoo Pure CSS 的响应式网格作为 WordPress 主题/布局的基础。
http://smartwatchapps.co.uk/module-test/
没有图像的列很好；当存在图像时，列会在 FF 和 Opera 上展开。铬/Safari 好的。
当我根据http://purecss.io/grids/添加 box-sizing:border-box 和水平填充到 Pure 单位时会发生这种情况
如果我删除纯单元上的 box-sizing:border-box 和填充，并将其添加到纯单元内的 div 中，也会发生同样的事情。
添加宽度：100% 修复了 FF 和 Opera 上溢出的图像，但当然这会使所有图像的容器宽度为 100%（例如，此页面上 OJ 的小图像然后扩展以填充其容器的 100%） - 所以这是不是一个可行的解决方案。
在纯 g 未嵌套在另一个页面中的其他页面上似乎不会发生：
http://smartwatchapps.co.uk/markup-image-alignment/
发疯，任何想法表示赞赏。
html - Firefox 中的 purecss.io 网格中断
我注意到在 purecss.io 中，Firefox 网格不起作用，除非我为要水平对齐的每个网格设置 display=flex，然后以响应方式堆叠。如果我不希望它们水平并且总是堆叠（例如两个纯 u-1 框彼此叠放），那么我不能使用 display=flex。但是，使用它会破坏与 IE8 的兼容性。有谁知道如何修复它，以便 purecss 适用于 Firefox？