图片高度和宽度最大限度内等比例缩小

<script>
            $(document).ready(function() {
                //限制字符个数
                $(".fyhoverflow").each(function() {
                    var maxwidth = 10;
                    if ($(this).text().length > maxwidth) {
                        $(this).text($(this).text().substring(0, maxwidth));
                        $(this).html($(this).html() + '...');
                    }
                });
            });
            
                function setImgSize(img,width,height){ 
                var MaxWidth=width;//设置图片宽度界限 
                var MaxHeight=height;//设置图片高度界限 
                var HeightWidth=img.offsetHeight/img.offsetWidth;  //设置图片高宽比
                var WidthHeight=img.offsetWidth/img.offsetHeight;   //设置图片宽高比
                if(img.offsetHeight>MaxHeight){ 
                img.height=MaxHeight; 
                img.width=MaxHeight*WidthHeight; 
                } 
                if(img.offsetWidth>MaxWidth){ 
                img.width=MaxWidth; 
                img.height=MaxWidth*HeightWidth; 
                } 
                
                
                } 
        </script>




<body class="fixed-top">
                
                        <img src="assets/img/logo.png" alt="logo"   onload="setImgSize(this,240,32);"/>
                
</body>

 

posted @ 2016-09-18 16:40  放荡不羁的春天  阅读(576)  评论(0编辑  收藏  举报