WordPress FancyBox响应手机或PC版本

时间：2013-08-04 作者：pulla

我只想要两种fancybox尺寸。对于手机版本宽度：95%，高度：85对于pc版本-宽度：85%，高度：80%如何设置这两个版本？我应该在php中使用2脚本进行处理，还是应该在脚本中进行修改（处理）？

   jQuery(".openf").fancybox({
   \'width\'   : \'95%\',
   \'height\' : \'85%\',
   \'autoScale\' : false,
   \'transitionIn\'    : \'none\',
   \'transitionOut\'   : \'none\',
   \'type\'    : \'iframe\'
   });

1 个回复
最合适的回答,由SO网友:OleVik 整理而成

我猜你在用Easy Fancybox plugin, 或其他等效插件。按照插件作者的建议，在加载Fancybox后应用自定义css可以解决您的问题here. 本质上，您可以使用媒体查询来指定Fancybox的大小，以便在各种设备上有所不同。参见示例this 文章介绍了如何使用媒体查询。

此外，根据Fancybox常见问题解答，修复方法可能是：

The lightbox does not look good on mobile devices. What can I do about that?

thsi插件中使用的FancyBox 1.3.4脚本并没有考虑到移动设备。目前解决此问题的唯一方法是禁用小屏幕尺寸的FancyBox。您可以通过在侧栏中添加一个文本小部件和以下代码片段来实现这一点。

<script type="text/javascript">
if(window.innerWidth < 500 || window.innerHeight < 500 || window.outerWidth < 500 || window.outerHeight < 500 ) {
  jQuery(document).off(\'ready gform_post_render\', easy_fancybox_handler);
};
</script>
调整值500以针对其他屏幕大小。

希望这有帮助，祝你好运！

结束
标签： mobile   小码农  

相关推荐

login_redirect for Mobile Web

我的网站的移动版本位于mywebsite.com/mobile 还有一个登录表单wp-login.php. 目前，当用户从主页登录时，如果他们不是管理员，则会重定向到他们的Buddypress配置文件如果他们从主页登录，我希望保持此状态，但是，如果他们从mywebsite.com/mobile, 我希望他们被重定向到mywebsite.com/mobile/dash.//REDIRECT USERS TO ACTIVITY PAGE WHEN THEY LOGIN add_filter( \"lo