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

时间2024-05-23 02:48:03发布访客分类CMS浏览408

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

这几天老蒋在给客户的一个企业网站采用的是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;
}
 }

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

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！