css缩略图最佳缩放实践

object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。
object-fit 一般用于 img 和 video 标签,一般可以对这些原素进行保留原始比例的剪切、缩放或者直接进行拉伸等。您可以通过使用 object-position 属性来切换被替换元素的内容对象在元素框内的对齐方式。

CSS

 / * 控制缩放 */
  object-fit: cover;
 / * 鼠标光标手势 */
    cursor: pointer;

 

原始:

%title插图%num

效果示例:

%title插图%num

给TA买糖
共{{data.count}}人
人已赞赏
文档笔记运维

宝塔全站开启返回404状态码 百度站长平台闭站工具验证

2020-8-6 19:16:58

其他分享前端后端文档笔记

Html ul、li Css标签详解 使用图片自定义样式 隐藏小点样式齐全

2020-8-13 22:28:43

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
搜索