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

正文概述 开源人   2024-10-12 00:09:37  

帝国cms做的网站如果网站用的是自适应的css,那么在PC端网站的文章页面里的图片没有问题,但是在移动端里图片的样式就会变形,整个图片宽度和高度都会变形,那么今天我们就来解决下这个问题.7nJ1234FCOM专注游戏工具及源码例子分享

要解决这个文章中的图片变形问题有2种方法:7nJ1234FCOM专注游戏工具及源码例子分享

1.编辑器添加图片时候去除宽高值7nJ1234FCOM专注游戏工具及源码例子分享

发布文章时候的控制每张图片,默认通过帝国编辑器添加的图片每张图片img标签里都自动添加了宽、高尺寸,即style="width: XXXpx; height: XXXpx;",那么我们每次添加图片的时候都把这个宽和高的值给去掉,这样添加的图片就不会有style="width: XXXpx; height: XXXpx;"这个值了,这样这个图片在移动端显示的时候就不会变形了。7nJ1234FCOM专注游戏工具及源码例子分享

2.通过模板中添加!important,过滤style=中的值7nJ1234FCOM专注游戏工具及源码例子分享

在网站写网站模板的时候,我们将图片的css属性设置为max-width: 100%!important;   height: auto!important; 含义是最大图片不超过图片本身最大宽度,高度自适应。7nJ1234FCOM专注游戏工具及源码例子分享



声明:本文系互联网搜索而收集整理,不以盈利性为目的,文字、图文资料源于互联网且共享于互联网。
如有侵权,请联系 admin#1234f.com (#改@) 删除。