屏幕尺寸变小时,该怎么办?

时间:2019-01-16 11:23:37

标签: jquery html css asp.net

我希望屏幕尺寸较小时出现一个按钮。我该怎么办?

我使用asp.net。

1 个答案:

答案 0 :(得分:2)

这是一个非常简单的示例,说明如何使用Media Queries

更新:在这里,您可以看到Media Queries的完整示例。

您需要将窗口大小调整为600像素或更小,以便可以看到按钮。

button {
  display: none;
}

@media only screen and (max-width: 600px) {
  button {
    display: block;
  }
}
<html>
<head>

</style>
</head>
<body>

<button>Test</button>

<p>Resize the browser window. When the width of this document is 600 pixels or less, the button is visible, otherwise not".</p>

</body>
</html>