PHP 手机访问显示按钮,电脑访问隐藏按钮:使用 CSS 媒体查询实现
使用 CSS 媒体查询可以轻松实现仅在手机访问时显示按钮,而电脑访问时隐藏按钮的效果。以下是一个示例代码:
HTML:
<button class='btn'>点击</button>
CSS:
.btn {
display: none;
}
@media (max-width: 767px) {
.btn {
display: block;
/* 手机设备样式 */
}
}
在上面的代码中,我们使用了 @media 查询来设置在最大宽度为 767px 的情况下,按钮样式为显示,其他情况下为不显示。你可以根据你的需求修改样式。
原文地址: https://www.cveoy.top/t/topic/m1xU 著作权归作者所有。请勿转载和采集!