Question

对于手机，我正在将图片缩放到它的全尺寸。我正在使用变换比例这样做，因为它会产生最佳的帧速率。

transition: transform 1s;
transform: translateY(0px) scale(2.43038);

（比例用javascript计算）

这个想法是允许用户滚动和放大常规视口，但是当图像缩放比屏幕大时，不会添加滚动。我可以以某种方式获取文档宽度以扩展图像吗？

Answer 1

解决方法是将图像包装在定义了overflow的元素中以进行滚动，这样父级就会滚动。

＆＃13;

body,html {
  height: 100%;
  }
div {
  overflow: auto;
  height: 100%;
}
img {
  transform: scale(20);
}

＆＃13;

<div><img src="http://www.jqueryscript.net/images/Simplest-Responsive-jQuery-Image-Lightbox-Plugin-simple-lightbox.jpg"></div>

＆＃13;