1. 首页
  2. css

CSS#022:Flexy图像(图和图)

←上一个视频下一个视频→
在我们做一些排版工作之前,我想我们应该先解决一个恼人的问题,即图像在文章区域和网格之外被破坏。使用一些简单的CSS规则来覆盖内联图像属性和样式,我们可以将图像压缩到正确大小的文章中。
。这实际上是一个好主意,因为显示器的分辨率越来越高,图像也会越来越清晰。
调整大小的方法主要是:
figure img {max-width: 100%;height: auto !important;}
我们对图形和图片进行了一些调整,使它们看起来,你知道,就像博客文章中的一个合适的图形

CSS#022:Flexy图像(图和图) 为WP2原创文章,链接:https://www.wp2.cn/css/css022flexy%e5%9b%be%e5%83%8f%ef%bc%88%e5%9b%be%e5%92%8c%e5%9b%be%ef%bc%89/