本文共 378 字，大约阅读时间需要 1 分钟。
<head>标签内包含了页面的标题和脚本部分。页面主体部分通过<body>标签呈现，<script>标签内定义了一个用于自动调整图片大小的函数AutoResizeImage。该函数通过读取图片的原始尺寸，计算出适配给定最大宽度和高度的比例，然后根据比例调整图片尺寸以保证图片能够在不同分辨率下以不失真的方式显示。
页面中包含了三个测试用例：
<img>标签设置了width="100px"，图片将根据原始宽度100px进行比例缩放。<img>标签设置了height="100px"，图片将根据原始高度100px进行比例缩放。<img>标签设置了width="100px"和height="100px"，图片将同时根据最大宽度和高度进行比例缩放。该函数通过计算宽高比的最小值来确定适配比例，从而确保图片能够在给定约束下以最佳状态显示。
转载地址：http://xclz.baihongyu.com/