解决未知尺寸的图片撑破页面的问题

最新推荐文章于 2021-05-25 22:27:35 发布

原创最新推荐文章于 2021-05-25 22:27:35 发布 · 523 阅读

0 ·

CC 4.0 BY-SA版权

Jquery 专栏收录该内容

44 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的图片自适应调整方法，确保图片能在不同分辨率和屏幕尺寸下保持良好的显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
    <title></title>
    <script type="text/javascript">
        function initimg(parpic, maxwidth, maxheight) {
            var scale = maxwidth / maxheight;
            var realscale = parpic.width / parpic.height;
            if ((parpic.width > maxwidth) || (parpic.height > maxheight)) {
                if (realscale > scale) {
                    parpic.width = maxwidth;
                }
                else {
                    parpic.height = maxheight;
                }
            }
        }
    </script>
</head>
<body>
<img onload="initimg(this,165,176)" src="images/mimi1.jpg">