使用CSS媒体查询,您可以轻松实现HTML按钮在手机上显示,而在电脑上隐藏的效果。

在您的CSS文件中,您可以添加以下代码:

@media screen and (max-width: 767px) {
  /* 手机屏幕上的样式 */
  .button {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  /* 电脑屏幕上的样式 */
  .button {
    display: none;
  }
}

这将使按钮在手机屏幕上显示,而在电脑屏幕上隐藏。请注意,max-widthmin-width 的值可能需要根据您的网站布局进行调整。

例如,您可以根据不同的屏幕尺寸调整max-widthmin-width的值,以实现更精确的显示效果。

PHP HTML按钮:手机显示,电脑隐藏 | CSS媒体查询技巧

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

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