当前位置:首页 > 未命名

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

8976988822周前 (01-10)未命名2

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

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

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

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

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

如图,自适应宽度和高度

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

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

扫描二维码推送至手机访问。

版权声明:本文由米表程序发布,如需转载请注明出处。

本文链接:https://www.9909999.xyz/post/348.html

分享给朋友: