dedecms内容图片不能自适应怎么办?
1、本人不懂代码。
2、检查自己的网站用户体验,用手机端查阅后,图片变形,效果非常不好。
3、在网上查询解决办法,管用记录如下。
修改后的图片显示效果
修改方法:
问题症状:今天上传了一个自适应的网站,是dedecms内核的,文章中的图片被element.style控制了高度,缩小的时候,宽度能够自适应,高度却不能。
原本
element.style {
width: 800px;
height: 465px;
}
高度是height: 465px; 现在我想要高度是height: auto; 怎么办呢?在哪里改?
利用审查元素找到这张图片的css,然后在控制图片宽高的css中加入height:auto !important;
——许多网站是用js做的控制,没办法改,通过CSS废掉js的控制即可。(注意看上图element style中的hight被画了一道)
再重新保存一下,更新一下dedecms就好了。完美解决了,变形显示问题。
网站地址:http://www.glhmj.com 欢迎大家检验成果。
————文章虽然枯燥,方法管用。