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

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

参考一下 bootstrap 对图片响应式的做法:

.img-responsive {
display: block;
height: auto !important;
max-width: 100%;
}

解决织梦DedeCMS手机版图片自适应问题的方法,了解更多织梦教程,请关注本站。

本站部分素材资源及板块内容来自网络,如有侵犯您的权益,请联系我们,站长会立即处理,转载请注明来源网址!
云部落资源网 » 解决织梦DedeCMS手机版图片自适应问题