2 over0609 over0609 于 2016.01.29 16:51 提问

怎样让a链接包着的图片随页面自适应大小
 <div id="container">
    <div >
        <img src="./ycj1.jpg" style="width:100%;"/>
    </div>
    <div style="height:100px;width:100%;background:#0E1939;text-align:center">
        <a href="index.php?act=store_joinin&op=index"><img src="./mrz.png" onMouseOver="this.src='./mrz_h.png'" onMouseOut="this.src='mrz.png'" style="display:inline-block;padding-top:20px;" /></a>
    </div>
    <div>
        <img src="./ycj11.jpg" style="width:100%;"/>
    </div>
    <div >
        <img src="./ycj2.jpg" style="width:100%;"/>
    </div>
    <div >
        <img src="./ycj3.jpg" style="width:100%;"/>
    </div>
    <div >
        <img src="./ycj4.jpg" style="width:100%;"/>
    </div>
    <div style="height:100px;width:100%;background:#0E1939;text-align:center">
        <a href="index.php?act=store_joinin&op=index"><img src="./rz.png" onMouseOver="this.src='./rz_h.png'" onMouseOut="this.src='rz.png'" style="display:inline-block;padding-top:20px;"/></a><!-- index.php?act=login&op=register&clearSession=true! -->
    </div>
    <div style="height:100px;width:100%;background:#0E1939;text-align:center">
        <a href="index.php?act=store_joinin&op=index"><img src="./sc.png" onMouseOver="this.src='./sc_h.png'" onMouseOut="this.src='sc.png'" style="display:inline-block;padding-top:20px;" /></a>
    </div>
    <div>
        <img src="./ycj41.jpg" style="width:100%;"/>
    </div>  
</div>

_

以上是我的源代码,其中三个a链接包裹的img标签就是我头疼的地方了,这三个是用来做按钮的,上下的图片都可以自适应页面大小,但是这三个按钮就不行,不知道怎么办求助大家

页面原始大小:

页面原始大小

页面缩小之后:

页面缩小之后

1个回答

showbo
showbo   Ds   Rxr 2016.01.29 16:59

over0609
over0609 回复无聊码农: 好吧,大小我调整width可以搞定,但是display:block了之后整个那一条都变成a链接了,就是那个包着a链接的div
接近 2 年之前 回复
over0609
over0609 回复无聊码农: 虽然是可以自适应了,但是一开始的大小太大了,占了整个屏幕80%的样子
接近 2 年之前 回复
over0609
over0609 如果是代码的话需要点那个 </>插入代码片
接近 2 年之前 回复
showbo
showbo <a href="index.php?act=store_joinin&op=index"><img src="./sc.png" onMouseOver="this.src='./sc_h.png'" onMouseOut="this.src='sc.png'" style="padding-top:20px;width:80%;margin:0 auto;display:block" /></a>
接近 2 年之前 回复
over0609
over0609 看不见诶
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!