使按鈕對PureCSS響應？

我目前正在研究WordPress社交分享插件。我正在使用PureCSS來製作分享按鈕，並且我已經成功。但我想讓它們響應，以便「寬度」根據設備/顯示屏大小而變化。使按鈕對PureCSS響應？

P.S：我嘗試了@media查詢，但想知道是否有任何其他方式使其充分響應。

如果有任何其他的CSS模塊一樣purecss或具有響應按鈕引導，請讓我知道:)

請gelp。

來源

2014-09-03 Mehedi

Bootstrap和PureCSS使用@media查詢。你爲什麼反對他們？ – ceejayoz 2014-09-03 17:52:39

你使用寬度的百分比嗎？ – Aibrean 2014-09-03 18:08:57

如果你正在談論http://purecss.io/buttons/那麼所有你需要做的就是添加寬度：100％的。純按鍵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/

您仍然需要使用媒體查詢來根據您的應用程序調整字體大小。

希望有幫助

來源

2014-09-03 18:16:42 gigelsmith

你知道如何讓按鈕填滿垂直空間嗎？可能嗎？ – 2015-08-19 22:58:30

使按鈕對PureCSS響應？

回答

相關問題