导航栏

文章

  • 首页
  • 查看历史

Subscriptions

  • 你还是没感动
  • 好久好久
  • 旧人揪心
  • 总是悲伤
更多作者

导航栏

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

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


一般来说,我们设定一定宽度高度的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>


推荐

阿里网盘快来了,你准备好了吗?

2020-08-27 11:50:54

Redmi 9A评测:超长续航+大内存,百元智能机首选

2020-07-31 10:31:36

【亲测】xm-select 下拉框搜索不存在则创建条目以及动态数据调用 【亲测】

2021-02-01 18:07:19

【亲测】Layui自带进度条实例【亲测】

2020-07-22 17:42:25

学心理学有可能治愈自己和别人

2020-12-02 09:40:32

【亲测】layui的富文本编辑器 直接显示标签问题【亲测】

2020-07-22 18:00:34

Windows 10 NTFS文件系统存在严重漏洞 几个字符

2021-01-15 13:42:11

iOS 14 也不能幸免:iPhone 出现不可修复的大“后门”

2020-08-04 11:27:25

疯狂的特朗普封杀小米 认为小米与中国军方有关联

2021-01-15 13:44:38

【亲测】原生js 和 jquery 实现点赞按钮的效果【亲测】

2021-01-29 13:52:15

陕ICP备20008812号 | 科技小锅盖 保留所有权利 | 网站地图 |
    友情链接:
  • 米醋儿
  • 笔墨
  • 新浪微博