图像在iPhone纵向视图中不会缩放

Question

我正在开展一个项目，我有两个图像，一个在另一个下方滚动。顶部图像（“眼镜”）具有固定的定位并且z-index = 1。另一个图像（“引用”）保持原样并位于第一个图像的下方。当我在iPhone上以纵向模式查看网站时，固定眼镜图像被切断，而报价图像缩小并适合屏幕尺寸。它在桌面和横向上都可以正常工作。我已经尝试将眼镜图像的宽度设置为100％，并使用媒体查询来定位手机宽度，但我没有取得多大成功。眼镜被挤压并失去正常形状。我真的很感激任何答案或建议。

Link to live project

Answer 1

问题出在移动/平板电脑视图中，而不仅仅是iOS。

从图像中删除最小宽度和高度并添加

.quote,
.glasses {
  width: 100%;
}