layui原生layer.photos()不支持自定义缩放比例，但可通过监听.layui-layer-phimg元素、动态修改其width/height及父容器left/top定位实现任意比例缩放（如0.5x、1.2x、2.5x），必须基于naturalwidth/naturalheight计算，禁用transform以避免layer内部重置冲突。
直接说结论：layui 原生 layer.photos() 不支持传入自定义缩放比例，但可以通过监听 .layui-layer-phimg 元素、手动修改其 width/height 和父容器定位，实现任意比例缩放（比如 0.5x、1.2x、2.5x）。关键不是“改 layer”，而是“接管缩放逻辑”。
如何用 JS 手动控制 .layui-layer-phimg 的缩放比例
Layui 图片预览层渲染后，真实图片元素是 .layui-layer-phimg（注意：不是 img 标签本身，而是它被包裹的父级 div），它的尺寸和位置决定了显示效果。你不能直接设 transform: scale()，因为 layer 内部会重置样式；必须动态改宽高+居中定位。
- 先获取图片原始尺寸：
img.naturalWidth/img.naturalHeight，避免用offsetWidth（受当前缩放影响） - 计算目标尺寸：
targetWidth = naturalWidth * scale，targetHeight = naturalHeight * scale - 限制边界：确保
targetWidth不小于 100px，且不超过window.innerWidth * 0.9（防溢出） - 重新居中：
parent.css('left', (window.innerWidth - targetWidth) / 2)，top同理 - 同时设置
.layui-layer-phimg的width和height，并显式设max-width: none（否则会被 CSS 限制）
scale 参数怎么传进去？用自定义按钮或快捷键最稳妥
靠滚轮自动缩放容易误触、难控精度，业务中更推荐显式传参。你可以加一个下拉选择器或一组按钮，绑定固定比例：
- 按钮示例：
<button data-scale="0.75">75%</button><button data-scale="1.5">150%</button> - 点击时触发：
$(document).on('click', '[data-scale]', function() { const scale = parseFloat($(this).data('scale')); applyScale(scale); }) - 配合键盘快捷键：
Ctrl + 1→ 100%，Ctrl + 2→ 200%，监听keydown时判断e.ctrlKey && e.key === '1' - 避免在
success回调里重复绑定——用事件委托，或只在首次打开时绑定一次
为什么不能直接用 transform: scale()？兼容性和 layer 内部逻辑冲突
有人试过给 .layui-layer-phimg 加 transform: scale(1.3)，结果发现：切换图片时缩放失效、旋转后错位、甚至整个弹层偏移。根本原因是 layer 在每次切换、重绘时会重置该元素的 style 属性，包括 transform。
-
transform是叠加式变换，和width/height混用会导致坐标系混乱，尤其后续要做以鼠标为中心缩放时完全不可控 - Layui 2.8.16+ 虽然内置了滚轮缩放，但它内部也是改
width/height+ 定位，不是用transform - 如果你硬要用
transform，必须同时禁用 layer 的所有重绘逻辑（不现实），或把图片提取到新 DOM 节点里（破坏 layer 结构）
真正要支持“可自定义比例”，核心就两点：一是用 naturalWidth/Height 算真实基准，二是始终用 width/height + left/top 控制，别碰 transform。很多坑都出在试图绕过这个逻辑，去“优雅地”用 CSS 变换——在 layer.photos 的上下文中，它反而最不优雅。
