zoukankan      html  css  js  c++  java
  • 用 JS 设置图片的最大宽度

        //用 JS 设置图片的最大宽度
        function setImgsMaxWidth() {
            $('.answerimg img').each(function () {
                $(this)[0].onload = function () {
                    var maxWidth = 1100; // 图片最大宽度
                    var ratio = 0;  // 缩放比例
                    var width = $(this).width();    // 图片实际宽度
                    var height = $(this).height();  // 图片实际高度

                    // 检查图片是否超宽
                    if (width > maxWidth) {
                        ratio = maxWidth / width;   // 计算缩放比例
                        $(this).css("width", maxWidth); // 设定实际显示宽度
                        height = height * ratio;    // 计算等比例缩放后的高度  
                        $(this).css("height", height);  // 设定等比例缩放后的高度
                    }
                }
            })
        }

  • 相关阅读:
    【随手记】常用16进制代表的容量或位置
    精通css——position属性
    Ubuntu安装GitLab
    Linux内核
    分布式(一)——分布式系统的特性
    【树莓派】入门
    Intel CPU发展历史
    C++读mnist数据
    实验代码一:用来链表实现单向图
    Hadoop配置+centos6.5
  • 原文地址:https://www.cnblogs.com/sanqianjin/p/5526106.html
Copyright © 2011-2022 走看看