问题标签 [yui-pure-css]

我一直在研究 facebook 应用程序，你知道在 facebook 上不允许使用原生 javascript，他们有自己的实现 FBJS，这在创建菜单之类的东西时很麻烦。

是否有任何不涉及 javascript 的纯 CSS 下拉解决方案（javascript 用于我见过的所有解决 IE6 的解决方案）？

Does anyone know how I could plot a gradient like in the image below with pure CSS.

It doesn't have to work in IE. I can get it to work but I can't seem to be able to taper off the gradient on both sides left and right like the image shows. Any ideas would be grateful. Again this is using straight css to do this.

我认为雅虎的Pure很棒。但我在想，我们是否需要在使用 Pure 之后包含 normalize.css ？

I'm trying to integrate purecss with a project I've been working on.

It was just borking my layout for some reason, so I tried to create an extremely primitive template (below), and I'm just getting funny letter spacing. What is going on?

JSBin showing issue:

http://jsbin.com/ubarag/1/edit

My code appears to be correct when looking at examples, so I must be doing something really obvious/stupid...

Edit:

Appears to be linked to these two issues, except none of the work-arounds in the comments are working for me.

Here is the demo for it - http://plnkr.co/edit/B2lPwBgY61fSzg4nbaeD?p=preview

I am using both Twitter Bootstrap forms and Pure Forms and as you can see in demo, the size of input box is very small.

I even tried to increase the size by overriding as follows

But it doesn't helps

How can I make size of input text box bigger?

Thank you

首先，我对 CSS 还是很陌生，所以我希望我没有做任何非常愚蠢的事情。

基本上，我有一个使用Pure构建的设计，宽度在 Google Chrome 中播放，而它在 Firefox 中按预期工作。

这是我所做的链接： http: //egf.me/Rushd/rushdtest.html和截图：

• 火狐：http: //i.imgur.com/mn3GIbT.png
• 铬：http: //i.imgur.com/44jLC6J.png

如果您查看页面源代码，我实际上并没有在自己的 CSS 中做任何更改来更改任何内容（我将其全部注释为检查以确保）所以我猜我以某种方式使用纯错误，因为他们自己的网站在 Chrome 上呈现良好。

此外，使用 Chrome 的开发工具检查元素显示应该彼此相邻的 div 元素的宽度加起来小于父元素的宽度。似乎没有任何东西有缓冲区或填充。此外，如果我手动将宽度减小到非常小，Chrome 似乎可以神奇地修复所有问题。

我正在尝试使用纯 CSS 布局构建网站。

纯 CSS

当我尝试使用最基本的 2 列布局时，宽度为 1/2的div's 不会彼此相邻浮动。我可以看到它们的宽度是 50%。

这是预期的行为还是我应该明确div浮动

我已经引用了以下两个样式表。

<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.2.1/base-min.css"> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.2.1/pure-min.css">

我想创建一个响应式左侧菜单，就像Yahoo's Pure CSS site上的菜单一样。

换句话说，它在桌面上应该是这样的：

在更窄的屏幕上像这样折叠：

奇怪的是，虽然这个菜单在 Pure 网站上很显眼，但它实际上似乎并不是 Pure 框架的一部分。

我一直在努力使用 CSS 来复制它，查看 Yahoo 的源代码 - 据我所知：http: //jsfiddle.net/WZt4z/

它在那里的一部分，但我不明白他们如何设置页面主体的样式，使其位于正确的位置，并摆脱了菜单上的滚动条。

这是 JSFiddle 中的 HTML：

和CSS：

整个早上都在用头撞这个（尝试几乎所有可能的组合），我仍然无法弄清楚这一点。

为什么这两个pure-u-1-2元素相互堆叠？在桌面上的 Chrome 上测试（使用其他浏览器验证）并且pure-u-5-6它们所属的元素的宽度为 1000 像素？

另请注意，当我Ctrl+Shift+C进入调试模式时，我可以确认这两个pure-u-1-2元素已设置为适当的宽度。

我在我的一个 Django 项目中使用纯 css 和引导程序，当我在本地机器上运行时一切都很好。但是在我部署之后，它看起来不一样了。我本地机器上的字体快照是

但是在我将它部署到数字海洋后，字体宽度增加了。部署后现在的外观快照是

它在http://getfbstuff.com上直播。我正在发布 head 的 html 代码

我认为这个javascript有问题

不知道该怎么做。任何帮助将不胜感激。提前致谢