【CSS实现图片等比例缩小不变形】

最新推荐文章于 2024-08-18 20:44:12 发布

魔_术师

最新推荐文章于 2024-08-18 20:44:12 发布

阅读量5.6k

点赞数 1

分类专栏：【HTML+CSS】【HTML/CSS】【全栈工程师】文章标签： css 图片等比例缩小不变形

本文链接：https://blog.csdn.net/m_agician/article/details/78138430

版权

本文介绍如何使用CSS让图片在缩放时保持原始比例，避免失真。通过设置宽度或高度为百分比，或者使用object-fit属性，可以确保图片在不同尺寸下等比例缩放。

摘要由CSDN通过智能技术生成

【CSS实现图片等比例缩小不变形】

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>CSS实现图片等比例缩小不变形</title>
        <link rel="stylesheet" type="text/css" href="../css/reset.css" />
    </head>
    <style type="text/css">