Question

我的网站上有3个盒子。每个底部都有一个按钮，可以完全填充该盒子的大小。我使用宽度322 px做到这一点，这在13＆＃34;以上。然而，在这之下是一个完整的混乱。你如何确保某些东西具有响应性 - 特别是在这种情况下，它必须完全填充一个盒子的整个宽度。 px不是那种方法吗？

Answer 1

使用Media Query根据设备宽度更改布局：

参见示例供您参考，在整页中打开示例，调整大小是为了查看更改。

<!DOCTYPE html>
<html>

  <head>
    <style>
      button{
        width:400px;
        height:50px;
        
      }
      
  @media screen and (max-width:980px) {
      button{
        width:100%;
      }

}
    </style>
  </head>

  <body>
  <button>1</button>
  <button>2</button>
  <button>3</button>
  </body>

</html>

使用px响应按钮

1 个答案: