我们在做zblog企业网站的时候常常会传一些尺寸大的图片,如果模板没有自适应的代码,就会导致图片撑破框架。
或者高度拉伸图片变形,对应手机端的体念非常差。
一般模板都会做好文章图片自适应的代码,如果有些主题没有这个自适应的功能,也可以自己在css里面去加一下:
CSS
.post-content img {
max-width: 100%;
margin: 0 auto;
height: auto!important;
display: block;
}
post-content 直接改成主题对应的文章内容标签即可。
如图,自适应宽度和高度
另外一种情况就是图片插入的是带有宽度和高度,我们手动去掉就可以了。
或者在css图片代码里面都加上:!important
发表评论