Pure.CSS图片示例图片|Pure.CSS

在Pure.CSS中, 可以使用” pure-image” 类名以响应方式显示图像。
pure-image：它指定没有边框的基本样式的图像。图像在内容保持正确比率的情况下会放大和缩小。
例：

< !DOCTYPE html> < html> < link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous"> < body> < div class = "pure-g"> < div class = "pure-u-1-4 pure-u-lg-1-8"> < img class = "pure-img" src = "http://www.srcmini.com/image.jpg" alt="html5"> < /div> < /div> < /body> < /html>

【Pure.CSS图片示例】立即测试
输出