在我的网站上，我有一个 iFrame，其中包含我销售的产品。
在桌面 PC 上查看时没问题，但在移动/平板设备上查看时图像无法正确调整大小。 iframe 中的图像是模糊的，因为它已被拉伸(stretch)以适合屏幕。如果您旋转设备或将屏幕大小调整一个像素，它就会修复它。
示例产品在这里: Click and view as a mobile device
我有一个附加到 iframe 的 css，所以我可以控制里面发生的事情，但我想不出这个。
我已经将它应用到 Canvas 上，但它只是拉伸(stretch)了图像，并没有调整它的大小:
height:100% !important;
width:100% !important;
它似乎被来自源服务器的一些 js 控制，我在这里缺少一些简单的东西吗？
提前致谢 克里斯
最佳答案
尝试使用属性 height="100%"width="100%"
关于javascript - Iframe 中的图像模糊 - 使用 CSS 或 JS 修复？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47392834/