帝国cms内容页图片自适应大小方法 通过css简单实现

MoBan5源码 | 2021-05-19 12:08:24 |
本文是通过css的方法来实现帝国cms模板在发布文章的时候内容页实现图片自适应大小的方法。

很多站长在使用帝国cms模板的时候有没有发现图片有时候会撑破,或者手机站图片撑破变形。下面讲到的方法就是用来解决图片此类问题的。

方法其实很简单,只需要在内容页内容的css样式加入对图片的高宽度处理就可以了。

max-width: 100%!important; 

height: auto!important;

比如如果内容页控制块的样式是context,哪么样式就是:

.context img {max-width: 100%!important; height: auto!important;}

这样不管你有没有给图片加尺寸,都会自动适应。

以上就是帝国cms内容页图片自适应大小方法。

 


标签:内容页图片 自适应大小