object-fit 图片适配

预览 object-fit 与 object-position 对图片裁剪和留白的影响。

输入与结果示例

320×220 容器，分别切换 cover、contain 与 fill。

使用范围与注意事项

• 输入在浏览器本地处理，不上传、不默认保存。
• 使用固定 640×360 演示图；不上传或转换用户图片。

常见问题

能直接保证所有设备适配吗？

不能，工具生成与计算辅助方案；上线前仍需检查目标设备、用户字体设置与目标浏览器。