Question

我有一份灵活的时事通讯 - 3个步骤：

大于＆gt; 660 px

较小＆lt; 600 px

较小＆lt; 350像素

一切正常，不包括图片上的链接我有一个CSS条目，如下所示：

http://mantykora.cleoni.com/~newsletter/2017/lak/Lak_EN.htm

    @media only screen and (max-width: 660px) {
        table.container { width: 600px !important; }

        td.logo img { display:none; }
        td.logo { background:#fff url(http://mantykora.cleoni.com/~newsletter/2017/lak/images/logo65.jpg) no-repeat 10px 10px; height: 60px;}
        td.logo a {??????????????link to site???????????}

是否可以在媒体上链接图像？

Answer 1

使用两个元素，一个在窄视口上显示，另一个在宽视口上显示。

CSS：

.only-narrow { display: block; }
.only-wide { display: none; }
@media screen and (min-width: 600px) {
  .only-narrow { display: none; }
  .only-wide { display: block; }
}

HTML：

<div class="only-narrow" ><a href="..." ><img src="..." ></a></div>
<div class="only-wide" ><img src="..." ></div>

在CSS背景图片中添加URL链接 - 仅限@media屏幕

1 个答案: