css图片展示按比例 |css3中a标签行内跳转

/* 按比例展示图片 */
.img-container {
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.img-container img {
display: block;
max-width: 100%;
height: auto;
}

上面的代码展示了如何用CSS来实现按比例展示图片。大家首先给图片的容器设置固定的宽度，然后将该容器居中显示。接下来，大家将图片设置为块级元素，然后将其最大宽度设为100%以确保图片可以自适应其父容器的宽度。最后，大家将图片的高度设为自适应，并且不指定具体的高度值。

通过这样的设置，当图片的宽度超过容器的宽度时，图片会自动缩放并保持比例。这样大家就可以在不失真的情况下展示更大的图片。总的来说，按比例展示图片是一个很简单的CSS技巧，但它可以显著提升大家的页面质量，使大家的网站更加美观和用户友好。