帝国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; 含义是最大图片不超过图片本身最大宽度,高度自适应。
声明:本文系互联网搜索而收集整理,不以盈利性为目的,文字、图文资料源于互联网且共享于互联网。
如有侵权,请联系 yao4fvip#qq.com (#改@) 删除。
如有侵权,请联系 yao4fvip#qq.com (#改@) 删除。