图片自动缩放,防止撑破 div 的 CSS 写法
July 24, 2014
wordpress 插入的图片如果超过 div 宽度的时候如果主题没有做自动缩放就会出现图片撑破 div 容器的情况,就下面我修改之前喜闻乐见的样子。
如果出现这种情况我们可以通过 CSS 来控制:
我们需要找出文章列表最顶层容器的 class,然后在 css 里面新建适用于所有该容易下面 img 标签的宽度控制样式,如下:
假设我们的顶层容器的 class 为 context:
.context img{ MAX-WIDTH: 90%!important;HEIGHT: auto!important; }
(如果是存在于 context 下面的 img 标签的所有最大宽度为父容器的 90%,高度自适应,!important 语句是提高该样式的优先级别)
加入评论