我正在使用模态在移动设备上查看时显示大型RES版本。这样，用户可以选择是否加载较大的文件以及更详细地检查图像。
您可以在移动移动上看到问题的网页https://glewindesign.com/project_1.html
第一个问题是我的图像大于模态容器以及视口。我希望使用滚动条这样的方式，这样用户就可以用手指四处移动并检查完整尺寸的图像，而无需捏/缩放。
由于图像更大，所以我在居中遇到了麻烦。无论我尝试哪种CSS居中技巧，它总是在图像的左上方加载。
第二个问题是重点未正确捕获在模态中。
当我滚动浏览高RES图像时，有时会有一个小故障，用户与模态背后的区域进行交互？当我迅速向下滚动时，我会注意到它。有时会出现固定的页脚菜单。
我使用了此教程
https://css-tricks.com/considerations-styling-modal/
和正在利用我认为可以防止与模态背后元素相互作用的覆盖层，但是就像我说的那样，我仍然遇到有时会出现固定页脚的问题。
对此的任何建议将不胜感激！
在.mobile-hires类中您可以设置width: 100%。您也可以使用max-width: 100%。
持有模态内容的容器需要将溢出属性设置为滚动。它还需要具有小于图像分辨率的值的最大宽度属性。然后，图像将滚动。
位置：修复 顶部：50％ 左：50％ 变换：转换(-50％，-50％(;添加到.mobile-hires
因此，使用CSS实际上不可能实现的目标。您可以将比包含块小的图像集中，但不能将比其包含块大的图像集中，因为它只会位于块的左上方。我需要实现一些将滚动条定位的JavaScript，以便图像出现在中心。