首页知识社区

object-fit: cover给img设置固定宽高的同时，让里面的图片不变形

南国老符最后更新于：2023-02-18 浏览：1104

我经常用其他方法做图片自适应PC端和移动端，但在群里，有人说这个css有用：object-fit: cover，也不知道浏览器得兼容怎么样，先做个标记，留待日后看看

以下群聊天记录：

object-fit: cover;直接给img设置的，就不用弄成背景了

pc一张图1920*560，在手机上等比例缩放就很小，这样在手机上给图设置个固定的高度240px，在加上object-fit: cover; 就ok了

可以给img设置固定宽高的同时，让里面的图片不变形

点赞 (0)
收藏 (0)

转载请务必注明：来源：《建站管家》https://www.df81.com/news/499.html

本站部分信息来源网络，如有侵权，请联系QQ：1062129401删除。

上一篇：虚拟空间上传图片失败，实际成功

下一篇：如何开通一个新的后台管理账号并赋予相应的权限？

请先登录后，再发表评论 ~ ~

发表评论

广告位招租（ ¥5 / 天）
点击咨询

最新帖子

南

webman开发学习步骤（二）

南国老符

2025-09-10 03:48

南

webman开发学习步骤（一）

南国老符

2025-07-13 19:36

Y

以前买的版本，产品里的分享到社交媒体不能用了

yuanis906

2025-07-09 14:00

南

本站改版公告

南国老符

2025-05-26 16:54

南

众筹开发中英双语商城系统

南国老符

2024-09-29 10:29

南

网站已经上线的老铁，记得把默认联系方式修改一下

南国老符

2024-05-26 20:06

9

编辑产品时，产品的属性保存的内容不正确

9252

2024-04-13 15:29

广告位招租（ ¥5 / 天）
点击咨询

最近评论

Y

yuanis90

以前买的版本，产品里的分享到社交媒体不能用了

回复：在后台->全局管理->网站设置->网站html代码，把你申请的分享代码贴到这里保存即可。以后发问题，请贴出具体版本号

南

南国老符

本站改版公告

回复：发表帖子发不了乱码

南

南国老符

众筹开发中英双语商城系统

回复：第一位参与的老总，是做洗衣店saas系统的，需要的请联系

9

9252

编辑产品时，产品的属性保存的内容不正确

回复：新版已经修复了的，升级忘记覆盖了，你重新下载即可。

U

user1304

最新多语言，泛域名建站系统图片上传不了

回复：PHP开启fileinfo扩展即可

U

user1379

站点地图 sitemap.显示404错误

回复：版本号多少？