css - CSS:将最大宽度设置为220px，如果220px大于 View 的50％，则设置为50％

我试图将图片的宽度设置为220px，除非视图（例如在iPhone上）会使220px占据屏幕宽度的50％以上。

如果将图像设置为最大宽度220px，例如它将占用iPhone 6 4.7“的屏幕宽度的50％以上。因此，在这种情况下，我希望CSS规则为最大宽度：50％，而不是220px。

我该怎么做？

最佳答案

怎么样：

img {
  width: 50%;
  max-width: 220px;
  height: auto;
}