Html 当水平调整窗口大小时,如何缩小图像宽度(同时保持其居中)?
我想知道当页面水平调整大小时,如何缩小图像。我试着隐藏头线潜水舱溢出的水,但它只是隐藏了整个事情 以下是我目前的代码: HTMLHtml 当水平调整窗口大小时,如何缩小图像宽度(同时保持其居中)?,html,css,resize,Html,Css,Resize,我想知道当页面水平调整大小时,如何缩小图像。我试着隐藏头线潜水舱溢出的水,但它只是隐藏了整个事情 以下是我目前的代码: HTML 因此,我添加了overflow:hidden,使宽度为100%,并删除了指定的高度。这就是你的目标吗 演示: <div id="headerline"> <img src="http://s21.postimg.org/l6t6akypj/line.jpg"/> </div> <div id="menu"> <i
因此,我添加了
overflow:hidden
,使宽度为100%
,并删除了指定的高度。这就是你的目标吗
演示:
<div id="headerline">
<img src="http://s21.postimg.org/l6t6akypj/line.jpg"/>
</div>
<div id="menu">
<img class ="blog" src="http://s18.postimg.org/il7hbk7i1/image.png">
<img class ="music" src="http://s18.postimg.org/4st2fxgqh/image.png">
<img class ="projects" src="http://s18.postimg.org/sxtrxn115/image.png">
<img class ="bio" src="http://s18.postimg.org/5xn4lb37d/image.png">
</div>
#headerline {
height: 1px;
width: 980px;
margin: -10px auto 20px auto;
}
#menu {
max-width: 700px;
text-align: center;
margin: auto;
}
#menu img {
width: 150px;
}