欢迎您来到用的多资源网,本站秉承互联网最初开放、共享、免费的精神持续为广大爱好学习的朋友提供免费帮助,请相互转告。

一段漂亮简单的html广告ad代码实现PC不显示指定图片,手机端可以自适应显示指定图片

这个代码是其他地方都是收费的,在用的多资源网我就免费放出来了,希望各网友可以认同用的多资源网的用心和付出,希望大家多多宣传和支持,以后会有更多的精美资源可以免费在这里下载到,大家也可以留言建议需要什么,这边尽可能的给大家搜集到。

代码如下可以完美实现PC不显示指定图片,手机端可以自适应显示指定图片,自己已经测试过OK。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        img {
            width: 100%;
            display: none;
            /* display: none;表示隐藏 */
        }
        @media screen and (max-width:768px) {
            /* 这个是媒体查询屏幕最大宽度为768px(手机)的时候的样式 */
            .shouji {
                display: block;
                /* display: block;让图片显示 */
            }
        }
    </style>
</head>
<body>
    <img src="http://www.yongdeduo.com/wp-content/uploads/2020/10/mianfeiziyuan.png" alt="" class="shouji">
</body>
</html>

如换成你自己的把.png图片换成你的地址就行了,本地地址形式可以是

明白了吧。喜欢HTML代码的可以与站长交流。互相学习。

友情提示您:用的多资源网为您持续提供更多的免费合法资源,用的多资源网提供所有资源均来自互联网搜集,如果有不慎冒犯之处,请及时联系删除谢谢理解,我们非常尊重原创和技术缔造者,用的多资源网不能确保每一个资源都是安全有效的,毕竟互联网链接多变性和软件编写的复杂性,请用户注意甄别。如发现违规内容请及时向我们反馈,我们会及时处理。支持用的多资源网、希望用的多资源网走的更远更好,请在搜索引擎输入 用的多资源网 找到我们的网址yongdeduo点击一次就算支持了。不胜感激。
用的多资源网 » 一段漂亮简单的html广告ad代码实现PC不显示指定图片,手机端可以自适应显示指定图片

发表评论