【问题标题】:iOS/Safari Web App Image ZoomiOS/Safari Web App 图像缩放
【发布时间】:2011-11-10 19:12:14
【问题描述】:

在我正在开发的网络应用程序上,我希望用户能够捏拉放大和缩小高分辨率图像。客户希望它可以在 iPad 上运行,但最好是多平台。

我的计划是创建 1000 像素 x 1000 像素的图像,并使用 CSS 以 100 像素 x 100 像素(例如)将其显示在页面上。然后,用户将能够放大和缩小图像以更详细地查看它。

我注意到,当您放大图像时,尺寸会增加,但细节不会增加,因为 Safari 在呈现页面时会调整图像大小。有什么办法可以解决这个问题吗?

【问题讨论】:

    标签: iphone image ipad web-applications zooming


    【解决方案1】:

    您可以尝试添加以下代码

    <meta name="viewport" content="initial-scale=0.1; maximum-scale=1.0; user-scalable=yes>

    尝试使用不同的音阶值,直到您准确找到所需的值。 希望对你有帮助..

    【讨论】:

    • 谢谢,这似乎比我找到的任何其他解决方案都好用。我还尝试使用类似的 CSS 缩放属性,只是为了让感兴趣的人知道。
    • 如果我不希望页面上的任何内容都缩放,除了图像怎么办?就像我的网络应用控件一样,它们不应该改变大小。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-09-19
    • 1970-01-01
    • 2020-10-12
    • 1970-01-01
    • 2010-11-23
    • 1970-01-01
    • 2016-01-05
    相关资源
    最近更新 更多