中山搜索引擎优化网站源码如何优化
实现类似如下图的contain功能
// js实现判断图片宽度高度不超过容器宽高度,刚好在容器中显示完
calcScaleWidthHeigth({containerWidth, //容器宽度containerHeight, //容器高度originWidth, //图片原始宽度originHeight, //图片原始高度
}) {// 计算缩放比例,使图片适应容器(保持宽高比)let scaleFactor = Math.min(containerWidth / originWidth,containerHeight / originHeight);// 设置图片的宽度和高度以适应容器,同时保持宽高比return {width: `${originWidth * scaleFactor}px`,height: `${originHeight * scaleFactor}px`,};
},