CSS媒体查询和图像大小

我目前正在WordPress博客中实现CSS媒体查询，我想知道是否有任何已知的方法可以调整博客图像的大小（宽度为400-600px），以适应iTouch、iPhone和其他小屏幕智能手机的屏幕分辨率

我的想法是添加以下CSS：

.blogpost img {
    width:55%;
    height:55%;
}

---

这样它就会自动调整我博客中所有图像的大小。这件事我需要帮助。我不满意我的方法，因为我听说它会扭曲形象。有什么专业建议吗？

尝试使用CSS的

max height

和

max width

属性：

---

如果同时指定宽度和高度，图像会失真，为什么不只指定一个呢？然后，您可以添加一个最小宽度，以确保它不会变得太小。只要不指定，高度将随宽度调整

.blogpost img {
width:55%;
min-width:220px;
}

或者你也可以稍微改变一下，让图像100%宽度，然后确保它不会超过实际宽度（这样你就不会扭曲它）。如果您的所有图像大小相同，这将非常有效

.blogpost img {
width:100%;
max-width:600px;
}

---

您可以使用cssmin width/height属性来完成此操作。这真是一件简单明了的事情

问题：如果我实现.img容器，我是否需要访问所有图像并添加？要做到这一点有点困难，尤其是对于一个有数千张图片的照片/博客来说。也许只需构建一个包含和内部包含，你就可以有一个图像变量，设置宽度和高度，以及任何需要填充的图像…谢谢你的建议@m0ose89，我有不同的图像大小，但不低于400px。我希望这能奏效这确实为理解的人提供了答案。