
织梦 dedecms 手机 wap 网站图片自适应 bug 修改,在安装调试最模板手机版网站的时候,发现一个问题,图片无法很好的适应屏幕,宽度可以与屏幕同宽,而高度却没有按比例调整,导致图片看起来像被挤扁了一样,为什么会这样呢?手机屏幕的宽度很小,一般的图片如果不经过设置,肯定会超过一个屏幕。现在的 css 中,有一个很方便的属性 max-width,能轻易实现图片自适应大小的功能。参考一下 bootstrap 对图片响应式的做法:
.img-responsive {
display: block;
height: auto !important;
max-width: 100%;
}
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!