我有一个响应式网站,我在其中调整相应 CSS3 媒体查询视口(viewport)中所有图像的大小。我想知道是否有一种更简单的方法来说明我希望我的所有图像都调整大小以保持其原始规定的尺寸,而不是使用 max-height
、width
手动调整每个图像的大小> 等。有什么建议吗?
EG 下面。
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
#logoimg { max-height: 100px; max-width: 100px; }
}
最佳答案
我相信声明 img {max-width:100%} 应该可以解决问题。图像将按比例缩小并保持其尺寸不变。
关于css - 响应式 IMG 保持尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9332447/