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

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

发表回复