织梦DedeCMS手机版图片自适应问题

以下代码由PHP站长网 52php.cn收集自互联网现在PHP站长网小编把它分享给大家，仅供参考

织梦 dedecms 手机 wap 网站图片自适应 bug 修改，在安装调试最模板手机版网站的时候，发现一个问题，图片无法很好的适应屏幕，宽度可以与屏幕同宽，而高度却没有按比例调整，导致图片看起来像被挤扁了一样，为什么会这样呢？手机屏幕的宽度很小，一般的图片如果不经过设置，肯定会超过一个屏幕。现在的 css 中，有一个很方便的属性 max-width，能轻易实现图片自适应大小的功能。参考一下 bootstrap 对图片响应式的做法：

.img-responsive {

display: block;

height: auto !important;

max-width: 100%;

}

以上内容由PHP站长网【52php.cn】收集整理供大家参考研究如果以上内容对您有帮助，欢迎收藏、点赞、推荐、分享。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!