首页 > 文章资讯 > 技术教程 > 帝国cms教程 > 帝国cms 内容中图片style="width: height:"不变形解决方法

帝国cms 内容中图片style="width: height:"不变形解决方法

时间：2023年11月07日

来源：网络

编辑：佚名

帝国cms做的网站如果网站用的是自适应的css，那么在PC端网站的文章页面里的图片没有问题，但是在移动端里图片的样式就会变形，整个图片宽度和高度都会变形，那么今天我们就来解决下这个问题.
要解决这个文章中的图片变形问题有2种方法：
1.编辑器添加图片时候去除宽高值
发布文章时候的控制每张图片，默认通过帝国编辑器添加的图片每张图片img标签里都自动添加了宽、高尺寸，即style="width: XXXpx; height: XXXpx;"，那么我们每次添加图片的时候都把这个宽和高的值给去掉，这样添加的图片就不会有style="width: XXXpx; height: XXXpx;"这个值了，这样这个图片在移动端显示的时候就不会变形了。
2.通过模板中添加!important，过滤style=中的值
在网站写网站模板的时候，我们将图片的css属性设置为max-width: 100%!important; height: auto!important; 含义是最大图片不超过图片本身最大宽度，高度自适应。

新闻资讯更多

猜你需要