对于给定的屏幕大小，使用css自动调整引导按钮

Question

我正在尝试根据屏幕宽度调整bootstrap中的按钮大小。

包含按钮css：

.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  ....

尝试...但这只会扩展按钮的背景以填充屏幕，但可选择的按钮大小仍然与上面相同。

@media (max-width: 767px) {
.btn {
  width:100%;
}
}

目标是调整整个按钮的大小以填充屏幕并使整个按钮可选择。