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

织梦DedeCMS手机版图片自适应问题,第1张

概述织梦dedecms手机wap网站图片自适应bug修改,在安装调试最模板手机版网站的时候,发现一个问题,图片无法很好的适应屏幕,宽度可以与屏幕同宽,而高度却没有

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。内存溢出小编现在分享给大家,也给大家做个参考。

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

.img-responsive {

display: block;

height: auto !important;

max-wIDth: 100%;

}

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

总结

以上是内存溢出为你收集整理的织梦DedeCMS手机版图片自适应问题全部内容,希望文章能够帮你解决织梦DedeCMS手机版图片自适应问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/1027465.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存