CSS缩略图最佳缩放实践

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

CSS

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

 

原始:

%title插图%num

效果示例:

%title插图%num

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容