WP主题丨自定义HTML代码仅在电脑端显示-边缘人的资源库

也想出现在这里？联系我们吧

要实现这个功能，你可以使用HTML和CSS来控制图片的显示。在HTML中，你可以为图片添加一个类名，例如desktop-only。然后，在CSS中，你可以使用媒体查询（media query）来仅在电脑端显示这个图片。

在HTML中为图片添加一个类名，例如desktop-only。
在CSS中使用媒体查询，仅在电脑端显示这个图片。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        .desktop-only {
            display: none;
        }

        @media screen and (min-width: 768px) {
            .desktop-only {
                display: block;
            }
        }
    </style>
</head>
<body>
    <img src="your-image-source.jpg" alt="Your Image" class="desktop-only">
</body>
</html>

将your-image-source.jpg替换为你的图片源文件。这段代码将在电脑端显示图片，而在移动端不显示。

重要声明

本站资源大多来自网络，如有侵犯你的权益请联系管理员E-mail:1240555208@qq.com 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用，未经原版权作者许可,禁止用于任何商业途径！请在下载24小时内删除！

如果遇到付费才可观看的文章，建议升级终身VIP。全站所有资源“任意下免费看”。本站资源少部分采用7z压缩，为防止有人压缩软件不支持7z格式，7z解压，建议下载7-zip，zip、rar解压，建议下载WinRAR。