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

下面是脚本之家 jb51.cc 通过网络收集整理的代码片段。脚本之家小编现在分享给大家，也给大家做个参考。

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

.img-responsive {

display: block;

height: auto !important;

max-width: 100%;

}

以上是脚本之家(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。如果觉得脚本之家网站内容还不错，欢迎将脚本之家网站推荐给程序员好友。

（编辑：安卓应用网）

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