iphone - 在移动版 Safari 中仅缩放图像

标签 iphone ios mobile-safari zooming

我想看看有没有人有这方面的经验。我首先是开发人员,其次是设计师,所以这真的不是我的强项。

我有一个正在进行的项目,目标是在 iPhone 的横向模式下并排显示图像和文本。我希望能够像往常一样使用捏合来放大图像,但不会同时放大文本。我不知道这是否可能,也不知道需要什么样的技巧才能让它发挥作用。

如果有人认为从 UI 的角度来看这总体上是不好的,我愿意接受建议。

我考虑过保留图像的两个副本(低分辨率和高分辨率),然后使用 overflow: scroll; 在 div 内将它们交换出来,这样用户可以获得缩放版本,然后四处滚动.它不会为您提供缩放的全部效果,但它可能会实现类似的目标。我也不知道这是否可行。

如果有人对此主题有建议或经验,请插话。谢谢!

最佳答案

要在移动 safari 中执行此操作,您可能必须使用 javascript。这里有一个 jQuery 插件:http://plugins.jquery.com/project/pinch

可能会有一些帮助

关于iphone - 在移动版 Safari 中仅缩放图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6684814/

相关文章:

ios - Xamarin UI 测试 "Unable to set fake location on iOS Simulator"

javascript - 检测 HTML5 视频音量属性是否为只读?

css - Bootstrap 4 在 iPhone 上的正文内容导航

jquery-mobile - iOS 智能应用横幅与 jquery mobile

iphone - Alpha 透明 PNG 在 Mobile Safari 中无法正确显示

java - 使用 ACR122 NFC 读卡器读取 apple pay token

iphone - 通用 iPad 应用程序因无法重现的启动崩溃而被拒绝

ios - 在 Swift 中为 UITextField 设置光标位置

css - iphone 媒体查询在 Safari 中不起作用,在 Chrome 中正常

iphone - 加载在 Storyboard内创建的 View Controller 作为另一个 View Controller 的 subview (进入屏幕的一部分)