欢迎访问服务器技术网-www.fuwuqijishu.com

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

网站建设 fuwuqijishu 2年前 (2022-09-04) 23次浏览 0个评论 扫描二维码

这几天在给客户的一个企业网站采用的是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)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

Warning: error_log(/www/wwwroot/fuwiqijishu/wp-content/plugins/spider-analyser/#log/log-2214.txt): failed to open stream: No such file or directory in /www/wwwroot/fuwiqijishu/wp-content/plugins/spider-analyser/spider.class.php on line 2900