PureCss响应式图像

时间:2016-12-19 01:01:28

标签: css responsive-images pure-css

我只是想尝试使用purecss做我的第一页,我现在停留的是使用pure-img来获得响应式图像,当我缩小屏幕但是当屏幕变得更大时,图像是响应的图像应该从原始尺寸增加,它们只是保持原始尺寸的静态。

你能帮帮我吗:)

2 个答案:

答案 0 :(得分:1)

尝试:

img {
  max-width: 100%;
  height: auto;
}

答案 1 :(得分:0)

最简单的方法 - 只需在图片上添加width: 100%

https://jsfiddle.net/zv95xt4r/