导航栏

文章

  • 首页
  • 查看历史

导航栏

  • 登陆
    • 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>


推荐

【亲测】laravel 里面 where 条件的in查询方法 【亲测】

2021-09-26 17:18:32

河北唐山市委政法委书记回应烧烤店打人事件:嫌疑人已锁定正在抓捕

2022-06-10 17:56:07

【亲测】Clash For Windows 客户端中文汉化教程【亲测】

2022-04-14 15:53:23

搬砖网 【https://www.xsjic.com/】大部分源码都不存在,大家别支付了- 谨防上单受骗

2021-01-19 15:40:48

苹果WWDC2019:五大系统集齐,将建立统一应用平台

2020-06-02 14:20:38

努比亚120W氘锋氮化镓充电器重磅发布,各家数码产品皆可快冲

2020-07-24 11:01:31

中国首款5G平板来了,明天正式上市!

2020-06-02 15:31:56

【亲测】linux中添加ftp用户,并设置相应的权限【亲测】

2020-07-29 13:31:46

坚果手机没了!字节跳动暂停手机相关业务,坚果R2刚宣布将大降价

2021-01-18 15:58:29

【亲测】Nginx监听的IP及端口号的设置【亲测】

2020-07-24 11:25:50

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