如何使此超链接响应。 谢了？

Question

这就是我的HTML:

<div class="responsive">
<a href="" 
target="_blank"><img alt="instalink" src=""
onmouseover="this.src=''"
onmouseout="this.src=''"/> </a>

CSS:

.responsive {
    max-width: 100%;
    height: auto;
}

谢谢伙计们。

Answer 1

您需要为其创建媒体查询。 您的规则与屏幕大小无关。 请尝试以下操作:

.responsive {
    max-width: 100%;
    height: auto;
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
    .responsive {
        /*Your rule*/
    }
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
    .responsive {
        /*Your rule*/
    }
}