在手机上显示内容，在桌面上隐藏

Question

我具有用于在网站上实现whats应用程序按钮的代码，如何仅在移动视图中显示它并在桌面视图中隐藏它？

Replace variables in script

Answer 1

您只能将CSS与media-query 一起使用

例如，当浏览器窗口的宽度为600px或更小时，隐藏按钮：

@media only screen and (max-width: 600px) {
    button{
        display: none;
    }
}