如何调整图像尺寸以适应尺寸大小的零件制造商容器?
<div id="piecemaker-container"> <div id="piecemaker"> <img src="splash.jpg" alt="some_text"/> </div> </div>
#piecemaker-container { display:block; height:460px; overflow:hidden; margin: -10px auto 40px; width: 960px; max-width:100%; max-height:100%; }
就像是 – ?
#piecemaker { display:block; height:460px; overflow:hidden; margin: -10px auto 40px; width: 960px; }
解决方法
#piecemaker-container div,#piecemaker-container img { width: 100%; height: 100%; }
这应该做