导航栏

文章

  • 首页
  • 查看历史

导航栏

  • 登陆
    • QQ登陆 微博登陆
  • 其他
    • 图标库
  • 夜间模式
  • 退出登录

【亲测】div里用CSS控制图片按比例扩大缩小不变形【亲测】


作者:科技小锅盖             时间:2020-7-31 10:34             站长QQ:1540217035

一般来说,我们设定一定宽度高度的div标签,在里面放上图片,只有当图片大小尺寸符合这个宽度和高度的时候显示最佳。那有的时候不同的界面,同样的信息(比如头像)放大的尺寸是不一样,怎么才能让图片根据DIV的宽高度进行,缩放呢?其实很简单,只用设置其css样式即可。

    .photo img

                 {

        max-width:80px;//这是DIV的大小

       width:expression(this.width > 80 ? "80px" : this.width);//实现按比例缩放

                   }

       HTML中设置为<div class="photo"><img src="img/006.jpg"></div>


推荐

【亲测】使用Guzzle执行HTTP请求-转载【亲测】

2021-08-04 18:46:17

慎更!iOS 14.7.1更新翻车:iPhone 11等机型频繁无信号

2021-08-20 11:23:03

昨夜今晨:抖音、微信读书被判侵害用户信息 苹果Q3财报亮眼 斗鱼主播遭天价索赔

2020-07-31 10:30:04

科技小锅盖小程序正式上线了,可以过来看看

2023-02-23 17:12:13

【亲测】简单二维数组转成树状图小算法 【亲测】

2023-05-16 09:17:23

imagettftext(): Could not find/open font 搞定

2023-03-17 18:16:00

【亲测】值得推荐的composer包文件分享持续更新中【亲测】

2021-03-31 16:14:11

Redmi Note10 Pro评测:核心配置旗舰标准 体验均衡无短板

2021-05-27 21:19:47

淘宝规定自12月15日手机商品不得出现美版/有锁等非国行版本

2020-12-02 09:34:26

苹果确认部分iPhone 11存在触摸问题

2020-12-07 09:15:18

陕ICP备2021003534号-1 科技小锅盖 保留所有权利 网站地图 站长QQ:1540217035
    友情链接:
  • 米醋儿
  • 笔墨