Question

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

我的想法是添加这个CSS：

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

这样它就会自动调整博客中所有图片的大小。我需要帮助解决这个问题。我不满足于我的方法，因为我听说它会扭曲图像。任何专业建议？

Answer 1

尝试使用CSS的max-height和max-width属性：

Answer 2

您可以使用css min-width / height 属性来执行此操作。这真的很简单直接。