Question

我有宽度 128px 且高度 30px 的自举按钮。

当我调整浏览器窗口大小时，按钮没有响应。

我错过了什么？

＆＃13;

.common_btn{
   width: 128px; 
   height: 30px; 
   float: right; 
   margin: 0 15px;
}

＆＃13;

<button class="btn m-b-xs w-xs btn-danger common_btn "  style="float:left;">New Contact</button>
<button class="btn m-b-xs w-xs btn-danger common_btn " >Delete</button>
<button class="btn m-b-xs w-xs btn-dark common_btn" >Save</button>

＆＃13;

Answer 1

为此，您可以使用媒体查询指定按钮的宽度。

/适用于平板电脑及以下设备/ @media（max-width：768px）{ ... }

Answer 2

使用百分比（％）代替设置像素。

示例：

width: 20%;

Answer 3

将固定宽度尺寸更改为％

unique

如何使引导按钮响应？

3 个答案: