草庐IT

android - 灯箱与移动设备不兼容

coder 2023-12-03 原文

Lightbox 在电脑上很棒。

但是，情况是:我收到了来自 Android 和 iPhone 用户的各种关于他们移动设备上的 Lightbox 的投诉，他们说他们无法在 Lightbox 中放大较大的图像，因为 Lightbox 会在屏幕上跳来跳去，而不是居中。

还有几个其他问题。如果您有移动设备，请继续查看我的网站以直观地了解我在说什么:http://soullow.com/store/index.php?m...products_id=86单击较大的图像并尝试放大并在屏幕上移动。

问题是我没有时间找到嵌入代码以使 Lightbox 移动浏览器友好的解决方案。

有没有人遇到过这个问题，有解决方案、建议或其他什么？

最佳答案

有多种响应式灯箱可供选择，但我个人最喜欢的是 Fancybox2 (http://fancyapps.com/fancybox/) .

但是这种方法会发送较大的图像，然后将这些图像缩小以适合用户的屏幕尺寸。这是对带宽的浪费，而且也不允许用户使用手机上的原生捏合手势放大图像。

我建议完全绕过手机用户的灯箱并向他们发送直接图像文件。例如，Zappos 移动网站就是这样做的。

这是我用 Fancybox2 构建的示例:http://jsfiddle.net/alexroper/5s6dv/

jQuery 看起来像这样。您必须根据您希望手机甚至平板电脑用户的行为类型来更新视口(viewport)大小。

$(document).ready(function() {
    // initialize the lightbox 
    $('.fancybox').fancybox({
        beforeLoad: function() {
            var windowsize = $(window).width();
            // test the viewport size to see if it's smaller than 480px
            if (windowsize < 480) {
                // cancel the lightbox and load the link url
                $.fancybox.cancel();
            }
        }
    });
});

关于android - 灯箱与移动设备不兼容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12832831/

灯箱androidsectionLightboxfancyboxcsslightbox2mobile-browserpinchzoom

有关android - 灯箱与移动设备不兼容的更多相关文章

  1. ruby - 多次弹出/移动 ruby​​ 数组 - 2

    我的代码目前看起来像这样numbers=[1,2,3,4,5]defpop_threepop=[]3.times{pop有没有办法在一行中完成pop_three方法中的内容？我基本上想做类似numbers.slice(0,3)的事情，但要删除切片中的数组项。嗯...嗯，我想我刚刚意识到我可以试试slice! 最佳答案 是numbers.pop(3)或者numbers.shift(3)如果你想要另一边。 关于ruby-多次弹出/移动ruby​​数组，我们在StackOverflow上找到一

  2. ruby-on-rails - 如何重命名或移动 Rails 的 README_FOR_APP - 2

    当我在我的Rails应用程序根目录中运行rakedoc:app时，API文档是使用/doc/README_FOR_APP作为主页生成的。我想向该文件添加.rdoc扩展名，以便它在GitHub上正确呈现。更好的是，我想将它移动到应用程序根目录(/README.rdoc)。有没有办法通过修改包含的rake/rdoctask任务在我的Rakefile中执行此操作？是否有某个地方可以查找可以修改的主页文件的名称？还是我必须编写一个新的Rake任务？额外的问题:Rails应用程序的两个单独文件/README和/doc/README_FOR_APP背后的逻辑是什么？为什么不只有一个？

  3. 【鸿蒙应用开发系列】- 获取系统设备信息以及版本API兼容调用方式 - 2

    在应用开发中，有时候我们需要获取系统的设备信息，用于数据上报和行为分析。那在鸿蒙系统中，我们应该怎么去获取设备的系统信息呢，比如说获取手机的系统版本号、手机的制造商、手机型号等数据。1、获取方式这里分为两种情况，一种是设备信息的获取，一种是系统信息的获取。1.1、获取设备信息获取设备信息，鸿蒙的SDK包为我们提供了DeviceInfo类，通过该类的一些静态方法，可以获取设备信息，DeviceInfo类的包路径为：ohos.system.DeviceInfo.具体的方法如下：ModifierandTypeMethodDescriptionstatic StringgetAbiList​()Obt

  4. ruby-on-rails - rbenv:从 RVM 移动到 rbenv 后，在 Jenkins 执行 shell 中找不到命令 - 2

    我从Ubuntu服务器上的RVM转移到rbenv。当我使用RVM时，使用bundle没有问题。转移到rbenv后，我在Jenkins的执行shell中收到“找不到命令”错误。我内爆并删除了RVM，并从~/.bashrc'中删除了所有与RVM相关的行。使用后我仍然收到此错误:rvmimploderm~/.rvm-rfrm~/.rvmrcgeminstallbundlerecho'exportPATH="$HOME/.rbenv/bin:$PATH"'>>~/.bashrcecho'eval"$(rbenvinit-)"'>>~/.bashrc.~/.bashrcrbenvversions

  5. 安卓apk修改(Android反编译apk) - 2

    最近因为项目需要，需要将Android手机系统自带的某个系统软件反编译并更改里面某个资源，并重新打包，签名生成新的自定义的apk，下面我来介绍一下我的实现过程。APK修改，分为以下几步：反编译解包,修改,重打包,修改签名等步骤。安卓apk修改准备工作1.系统配置好JavaJDK环境变量2.需要root权限的手机（针对系统自带apk,其他软件免root）3.Auto-Sign签名工具4.apktool工具安卓apk修改开始反编译本文拿Android系统里面的Settings.apk做demo,具体如何将apk获取出来在此就不过多介绍了，直接进入主题：按键win+R输入cmd，打开命令窗口，并将路

  6. ruby-on-rails - 禁用设备的 :confirmable on-the-fly to batch-generate users - 2

    Devise是一个Ruby库，它为我提供了这个User类:classUser当写入:confirmable时，注册时会发送一封确认邮件。上周我不得不批量创建300个用户，所以我在恢复之前注释掉了:confirmable几分钟。现在我正在为用户批量创建创建一个UI，因此我需要即时添加/删除:confirmable。(我也可以直接修改Devise的源码，但我宁愿不去调和它)问题:如何即时添加/删除:confirmable？ 最佳答案 WayneConrad的解决方案:user=User.newuser.skip_confirmation

  7. ruby-on-rails - 不兼容的库版本 : nokogiri. bundle 需要 8.0.0 或更高版本，但 libiconv.2.dylib 提供 7.0.0 版本 - 2

    为了在我的mac上为一个rails项目安装mysql，我遵循了安装Homebrew软件和删除mac端口的在线建议。这是问题开始的地方。rails项目不会构建，我得到这个:[rake--prereqs]rakeaborted!dlopen(/Users/Parker/.rvm/gems/ruby-1.9.3-p448/gems/nokogiri-1.6.0/lib/nokogiri/nokogiri.bundle,9):Librarynotloaded:/opt/local/lib/libiconv.2.dylibReferencedfrom:/Users/Parker/.rvm/gem

  8. ruby - 用于 CSS3 跨浏览器兼容性的 SASS 插件？ - 2

    是否有一个SASS扩展可以采用SASS样式表，找到中性属性(例如border-radius)并为其输出所有特定于供应商的属性(例如-webkit-border-radius等)自动？我真的不想手动创建所有混入，也不想手动编写代码。我确定一定有这样的扩展名，但我找不到它。帮忙？ 最佳答案 有一个非常好的gem可以满足您的需求。它叫做Bourbon它不会用特定于供应商的css替换您的css，因为它可以像SASS一样工作。它基本上是一个正确生成跨浏览器css的mixin集合。 关于ruby-用

  9. ruby - 我在哪里可以找到与其兼容的 Ruby 版本的 gems 版本号？ - 2

    这个问题说明了一切。例如，我有一台安装了ruby​​1.8.6的服务器。当我尝试sudogeminstallroo时，它给出了错误nokogirirequiresRubyversion>=1.8.7。所以，我想安装与Ruby1.8.6兼容的旧版本roo。但我不知道去哪里搜索。我知道RubyForge，但它也没有说明Ruby的兼容版本。 最佳答案 蛮力方法是获取一个git克隆，搜索它指定的Ruby版本的位置，然后使用gitblame甚至gitpickaxe来确定最后一个没有的版本'没有那个要求。

  10. ruby - Jekyll 与 .erb 的兼容性 - 2

    据我了解，Jekyll兼容Liquid和YAML。但是，是否有插件或可用功能可以使其与.erb(嵌入式Ruby)文件兼容？否则，这是一个不必要的功能还是没有用的东西？Jekyll对Liquid和YAML的内置使用是否会取代.erb将会或可以做什么？谢谢! 最佳答案 使用.erb不适合jekyll，但是你应该使用jekyll-renderinggem。 关于ruby-Jekyll与.erb的兼容性，我们在StackOverflow上找到一个类似的问题： http

随机推荐