用 JS 设置图片的最大宽度
Posted 寂寞之砂
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了用 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); // 设定等比例缩放后的高度
}
}
})
}
以上是关于用 JS 设置图片的最大宽度的主要内容，如果未能解决你的问题，请参考以下文章