如何在<a></a>（链接图像）之间调整图像大小？

Question

代码：

<div class="marquee">
   <ul>
      <li>
       <a href="https://developer.apple.com/swift/"><img class="marquee-itm" src="Vendors/Images/Apple_Swift_Logo.png" /></a>

---

情况：

当我删除<a>标签时，这有效：

.marquee ul li img {
    max-height: 80%;
}

---

问题：

添加 时<a>，我找不到设置图像样式的方法。

1) 不起作用。

.marquee ul li a img {
    max-height: 80%;
}

2）不起作用。

.marquee ul li a {
    max-height: 80%;
}

3）不起作用。

.marquee-items {
    max-height: 80%;
}

题：

---

我怎样才能让它与<a>标签一起工作来保持我的图片链接？

---

编辑：

只是想确保没有误解。我正在使用一个已经定义了宽度的轮播。旋转木马中有许多图像。我只需要定义图像的最大高度，这样它们就不会溢出。通过添加<a></a>标签制作可点击的图像后，我似乎无法选择它们。

还：

4) 不起作用。

.marquee ul li a{
    display: inline-block; 
    max-height: 80%;
}

.marquee ul li a img {
    max-height: 100%;
}

5) 不起作用。

.marquee ul li a{
    display: inline-block; 
    max-height: 80%;
}

.marquee ul li a img {
    height: 100%;
}

---

解决方案：

.marquee ul li a{
    display: inline-block; 
    height: 80%;
}

.marquee ul li a img {
    max-height: 100%;
}

Answer 1

能够为其设置高度的简单说明您需要周围的锚标记具有指定高度的高度才能在锚标记上工作您需要将显示属性设置为阻止

为什么锚标记不占用其包含元素的高度和宽度
查看此 stackoverflow 问题

a {
    display:inline-block;
    height:1000px;
    
}
a img {

        max-height:700px;
        height:100%;
        width:100%;
}

<a href="#">
    <img src="http://static.adzerk.net/Advertisers/8d3759a4bd66406998dc013b5b948ae6.png">
   </a>

注意这里有和没有显示的区别 :block

a {
  height: 1000px;
}
a img {
  max-height: 700px;
  height: 100%;
  width: 100%;
}

<a href="#">
  <img src="http://static.adzerk.net/Advertisers/8d3759a4bd66406998dc013b5b948ae6.png">
</a>