会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
被遗忘的优雅
博客园
首页
新随笔
联系
订阅
管理
2018年6月20日
html 图片宽高自适应,居中裁剪不失真
摘要: 一,使用 JS,先上效果图,右图为定死宽高的效果,左图为处理之后的 1, 主要思路是,在图片 onload 后,将图片的宽高比和 div 容器的宽高比进行比较, 2, 从而确定拉伸或者压缩之后是宽还是高不足以填充容器 3,将不足以填充容器的方向设置为和容器一致 4,此时,图片的另一个方向可能超出容器
阅读全文
posted @ 2018-06-20 11:18 被遗忘的优雅
阅读(1896)
评论(0)
推荐(0)