首页 > 文章资讯 > 技术教程 > 帝国cms教程 > 帝国CMS文章内容页图片自适应显示的方法

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

时间：2022年07月10日

来源：网络

编辑：佚名

帝国CMS 内容页图片自适应显示的方法问题：
自己的这个博客站做好后发现文章内容里面的图片在移动设备上没有自适应，而是硬生生的把宽度压缩了，整个图片开起来非常难看。
探索：
查看源码发现每张图片img标签里都自动添加了宽、高尺寸，如：style="width: 624px; height: 422px;"一般情况下响应式网站使用帝国CMS都会遇到这个问题，发布文章时大家习惯性都是上传图片点确定，这样上传的图片在源代码里看是有固定尺寸的，这个固定尺寸就是限制你做图片自适应的。
解决：
其实尺寸可以不填为空的，照样可以上传图片，而且上传的图片在源代码里看标签里没有限定宽高，如果你上传图片的时候没有填尺寸，那就给内容页图片写上如下样式：
max-width: 100%;
height: auto;
如果你上传图片时没管尺寸点了确定，那就在上面的样式后面加上!important，
max-width: 100%!important;
height: auto!important;
建议大家加!important吧，因为如果文章中的图片比较多的话，每上传一个图片都删尺寸有点浪费时间。

新闻资讯更多

猜你需要