解决织梦DedeCMS移动端内容图片居中和自适应宽度
ssr
撰写于 2022年 02月 26 日

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

.content  img{ 
display:block;margin:0 auto;padding:10px;
}

然后在设置移动端的样式:
@media(max-width:760px){ 
.detail img{max-width: 100%;height: auto;width: auto;}
}

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

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

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

.content  img{ 
display:block;margin:0 auto;padding:10px;
}

然后在设置移动端的样式:
@media(max-width:760px){ 
.detail img{max-width: 100%;height: auto;width: auto;}
}

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

赞 (0)

猜您想看

评论区(暂无评论)

这里空空如也,快来评论吧~

我要评论