使用 CSS 媒体查询可以轻松实现仅在手机访问时显示按钮,而电脑访问时隐藏按钮的效果。以下是一个示例代码:

HTML:

<button class='btn'>点击</button>

CSS:

.btn {
  display: none;
}

@media (max-width: 767px) {
  .btn {
    display: block;
    /* 手机设备样式 */
  }
}

在上面的代码中,我们使用了 @media 查询来设置在最大宽度为 767px 的情况下,按钮样式为显示,其他情况下为不显示。你可以根据你的需求修改样式。

PHP 手机访问显示按钮,电脑访问隐藏按钮:使用 CSS 媒体查询实现

原文地址: https://www.cveoy.top/t/topic/m1xU 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录