发现发布的文章图片和文字混杂在一起,尤其是图片边缘是白色的话更是分不清哪里是文字哪里是图片了,这样关键内容不突出,体验非常不好。
于是想要修改样式,达到图片相应缩进的效果。
步骤如下:
1、打开当前主题目录下的style.css文件,ctrl+F找到img:如下
img {
border:none;
max-width:90%;
height:auto;
width:auto;
}
2、修改max-width值。这个是固定图片的最大宽度不超过所设置的值,这个值可以根据己设置的页面大小来调整。
可以输入像素单位如 800px,也可以像我这样直接输入百分比,这样浏览器放大缩小时也不会影响页面分布。
PS:
据说在代码块中增加如下代码可以针对在IE下失效的情况爆发小宇宙,如有需要,姑且一试。
width: expression(this.width > 780 ?"780px": (this.width+"px"));