正文 主页 > 站长学院 > Cms教程 >

zblog文章图片自适应的设置方法

下载我资源网

我们在做zblog企业网站的时候常常会传一些尺寸大的图片,如果模板没有自适应的代码,就会导致图片撑破框架。

或者高度拉伸图片变形,对应手机端的体念非常差。

一般模板都会做好文章图片自适应的代码,如果有些主题没有这个自适应的功能,也可以自己在css里面去加一下:

.post-content img {
    max-width: 100%;
    margin: 0 auto;
    height: auto!important;
    display: block;
}

post-content 直接改成主题对应的文章内容标签即可。

如图,自适应宽度和高度

图片自适应

另外一种情况就是图片插入的是带有宽度和高度,我们手动去掉就可以了。

或者在css图片代码里面都加上:!important

 
-- 展开阅读全文 --