欢迎来到9酷文库!

帝国CMS内容页图片自适应显示的方法

真如书苑 分享 阅读:89 加入收藏 我要投稿 复制全文 下载全文

精选文章 -->

精选帝国cms程序批量替换:http头和图片路径方法 精选宝塔面板屏蔽垃圾搜索引擎蜘蛛和扫描工具的办法 精选帝国CMS7.5怎么支持php7.4版本的方法(已测试) 精选301重定向详解 精选wordpress文章中微信打赏功能的2种实现方法

问题:自己的这个博客站做好后发现文章内容里面的图片在移动设备上没有自适应,而是硬生生的把宽度压缩了,整个图片开起来非常难看。

探索:查看源码发现每张图片img标签里都自动添加了宽、高尺寸,如:style="width: 624px; height: 422px;"一般情况下响应式网站使用帝国cms都会遇到这个问题,发布文章时大家习惯性都是上传图片点确定,这样上传的图片在源代码里看是有固定尺寸的,这个固定尺寸就是限制你做图片自适应的。

解决:其实尺寸可以不填为空的,照样可以上传图片,而且上传的图片在源代码里看标签里没有限定宽高,如果你上传图片的时候没有填尺寸,那就给内容页图片写上如下样式:

max-width: 100%;

height: auto;

如果你上传图片时没管尺寸点了确定,那就在上面的样式后面加上!important,

max-width: 100%!important;

height: auto!important;

建议大家加!important吧,因为如果文章中的图片比较多的话,每上传一个图片都删尺寸有点浪费时间。

105969
领取福利

微信扫码领取福利

微信扫码分享