首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >解决织梦DedeCMS移动端内容图片居中和自适应宽度

解决织梦DedeCMS移动端内容图片居中和自适应宽度

作者头像
老蒋
发布2021-12-27 11:30:32
发布2021-12-27 11:30:32
1.6K0
举报
文章被收录于专栏:老蒋专栏老蒋专栏

这几天老蒋在给客户的一个企业网站采用的是DedeCMS织梦内核程序,以前一直使用ZBLOG或者WP比较腻了,换一个玩玩。在做移动端适应的时候发现图片不能自适应宽度和移动端的100%的撑开,所以需要调整CSS样式来解决这个问题。

比如我PC端正常的样式是这样子的:

代码语言:javascript
复制
.content  img{ 
 display:block;margin:0 auto;padding:10px; 
}

然后在设置移动端的样式:

代码语言:javascript
复制
@media(max-width:760px){ 
.detail  img{max-width: 100%;height: auto;width: auto;} 
}

这样子就解决问题。以后我还是直接用前端框架,这样简单一点,就不需要调试。

本文出处:老蒋部落 » 解决织梦DedeCMS移动端内容图片居中和自适应宽度 | 欢迎分享

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-10-27 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档