Question

目前，我只是想根据浏览器的窗口大小缩小图像比例。图像保存在锚链接中，因此如果单击它，它会将您发送到主页。

我现在的问题是，当它被调整大小时，连接到锚点的图像的唯一部分是底部的一小部分，或者如果我将其调整为更小，则所有点击它的能力都会消失。 / p>

思考？溶液

我真的不想制作图像地图并使用javascript动态缩放它。

HTML：

<a href="Index.html" id="leftNav">
    <img class="bar" id="leftBar" src="./files/images/Nav First.png" border="0" />
</a>
<img class="bar" id="midBar" src="./files/images/Nav Select.png" border="0" />
<a href="#" onClick="goToLastComic(); return false;" id="rightNav">
    <img class="bar" id="rightBar" src="./files/images/Nav Last.png" border="0" />
</a>

CSS：

    .bar{
    display:inline-block;
}
#leftBar, #leftNav{
width:15%;
height:auto;
max-height: 83px;
}
#midBar{
width:55%;
height:auto;
max-height: 83px;
}
#rightBar, #rightNav{
width:15%;
height:auto;
max-height: 83px;
}

Answer 1

我发现了我的问题 - 我有一个绝对定位的形式正在妨碍我。我不知道为什么我像我一样设置表单尺寸，但这是一个愚蠢的修复。宽度让我离开了100％和83px的高度，这是我在知道汽车保证金之前将表格置于中心位置。

调整<a> tag</a>内的图片大小

1 个答案: