我目前正在开发一个WordPress社交分享插件。我正在使用PureCSS来制作共享按钮，我已经成功了。但我想让它们响应，以便“宽度”根据设备/显示尺寸而变化。
P.S：我尝试了@media查询，但想知道是否还有其他办法让它完全响应。
如果有任何其他CSS模块，如purecss或bootstrap有响应按钮，请告诉我:)）
请凝胶。
答案 0 :(得分：0)
如果您正在谈论http://purecss.io/buttons/，那么您需要做的就是将宽度：100％添加到.pure-button css
.pure-button {font-family: inherit; font-size: 100%; padding: .5em 1em; color: #444; color:rgba(0,0,0,.8); border: 1px solid #999; border: 0 rgba(0,0,0,0); background-color: #E6E6E6; text-decoration: none; border-radius: 2px; width: 100%;
}
这将使按钮响应，但它将填充它放入的任何容器，因此您必须将其包装在另一个div中以控制全宽度ala：http://jsfiddle.net/0z6ykw00/
您仍需要使用媒体查询来调整字体大小，具体取决于您的应用程序。
希望有所帮助