CSS：如何仅在移动设备上创建 100% 的按钮宽度？ [复制]

Question

我的问题很简单，我目前有一个简单按钮的 CSS。

我只想知道当用户使用他们的移动设备时我可以输入什么，以便它的宽度变为 100%（而不是 33%）。 （当他们的屏幕设置在一定宽度时）

非常感谢您的宝贵时间！

button {
    text-align: left;
    display: inline;  
    font-size: 2vw;
    padding: 2em;
    margin-top: 0;
    width: 33%;
    height: 100%;
    background-color: #5e75b4;
    border: none;
}

Answer 1

您可以为此使用mediaqueries。

就像添加到你的 CSS 一样简单：

@media (max-width: XXXpx) { /*"xxx" the width of window*/
  button  {
    width:100%;
  }
}