ios - 图像不会在 iPhone 纵向 View 中缩放

Question

我正在做一个元素，我有两张图片，一张在另一张下方滚动。顶部图像(“眼镜”)具有固定位置和 z-index=1。另一张图片(“引用”)保持原样并位于第一张图片下方。当我在我的 iPhone 上以纵向模式查看网站时，固定的眼镜图像被截断，而报价图像按比例缩小并适合屏幕尺寸。它在桌面和横向上运行良好。我试过将眼镜图像的宽度设置为 100% 并使用媒体查询来定位手机宽度，但我没有取得太大的成功。眼镜只是被挤压，失去了正常的形状。我真的很感激任何答案或建议。

Link to live project

Answer 1

问题通常出在移动/平板电脑 View 中，而不仅仅是 iOS。

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

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