栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > PHP > php开源框架 > dedecms

dede织梦缩略图中让图片根据浏览器的大小

dedecms 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

dede织梦缩略图中让图片根据浏览器的大小

在dede织梦不同的浏览器中看网页,可能会有很大的图片出现,这样就会因为浏览器的大小而让出现大小不一的图片,在后台设计图片的时候就可以把所有的图片都放置在一个.pic中,然后设置.pic的大小就可以了。
就像是html中的这样的代码:

  • 这样就可以控制.pic的大小了,在css中设置对.pic的控制:
    a.pic {width:160px; height:120px; border:1px solid #E2E2E2; background:#F6F6F6; display:table-cell; overflow:hidden; vertical-align:middle; text-align:center; *display:block; *font-size:105px; *font-family:Arial;}
    a.pic img {max-width:160px; max-height:120px;  vertical-align:middle;}
    这样就可以不会出现因为浏览器的大小而出现图片变形的问题,还可以通过max-width:160px;max-height:120px;vertical-align:middle;来调节缩略图的比例,如果想要改变,只要更改其中的数值就可以了。
    转载请注明:文章转载自 www.mshxw.com
    本文地址:https://www.mshxw.com/it/5475.html
    我们一直用心在做
    关于我们 文章归档 网站地图 联系我们

    版权所有 (c)2021-2022 MSHXW.COM

    ICP备案号:晋ICP备2021003244-6号