加入收藏 | 设为首页
爱江湖网站LOGO
您当前的位置:首页 > 学习笔记 > 应用程序

帝国CMS内容页实现图片自适应大小

发布时间:2024-10-25  Ecms

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

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

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

max-width: 100%;
height: auto;

如果你上传图片时没管尺寸点了确定,那就在上面的样式后面加上!important,具体在STYLE.CSS里增加:

.showpage .main #text img {
max-width: 100%!important;
height: auto!important;
}

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

来顶一下
返回首页
返回首页
上一篇
帝国CMS首页采用JS+CSS+DIV替换flash轮播图
下一篇
解决ASPBLOG后台新建文章,提交出现空白的问题
发表评论 共有条评论
验证码: 匿名发表
推荐资讯
元宇宙之侠剑江湖游
元宇宙之侠剑江湖游
什么是江湖 - 江湖遐想
什么是江湖 - 江湖遐
如果每一只江湖怪物,都爱着一个玩家
如果每一只江湖怪物,都
解除卡、陷害卡、捣乱卡、吸血虫满大厅砸
解除卡、陷害卡、捣乱
相关文章
    无相关信息
栏目更新
栏目热门