应用错误收集

我想创建一个新闻通讯模板。据我所知，只有内联CSS才有效，因此客户端可以忽略整个<head>标签。我不明白的是，如果我什至不使用媒体查询，如何创建具有响应式设计的新闻通讯？

那么在该示例中如何隐藏按钮？

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Newsletter</title>
  <style>
  @media (max-width: 600px) {
    button {
      display: none;
    }
  }
  </style>
</head>
<body>
  <div class="main">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo ipsam illum doloremque laudantium in error deserunt, molestias impedit ab. Vero nam in itaque soluta, accusamus repellat maxime veritatis minima. Ea! <br>
  <button>Click here</button>
</div>
</body>
</html>

带有媒体查询的新闻通讯

0 个答案: