屏幕尺寸较小时出现的按钮如何操作[关闭]
Posted
技术标签:
【中文标题】屏幕尺寸较小时出现的按钮如何操作[关闭]【英文标题】：how can I do the button that is appears when screen size smaller [closed] 【发布时间】：2019-06-10 11:27:54 【问题描述】：我希望屏幕尺寸较小时出现一个按钮。我该怎么办？
我使用 asp.net。
【问题讨论】：
你谷歌了吗？因为那样你会发现一些有用的东西，比如w3schools.com/cs-s-ref/css3_pr_mediaquery.asp 我用谷歌搜索了很多。但我没有发现任何有用的东西 使用Media Queries @Andersen，我找到了你的回复，但这不是我想要的 @fico 你想在后面的代码中做吗？ 【参考方案1】：这是一个非常简单的示例，您可以如何使用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>【讨论】：
请不要使用 W3Schools 作为参考。他们的文章经常过时，有时甚至完全是错误的。 MDN 更加全面和准确：developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/…以上是关于屏幕尺寸较小时出现的按钮如何操作[关闭]的主要内容，如果未能解决你的问题，请参考以下文章
Bootstrap - 当屏幕尺寸较小时删除图形的填充或边距