Question

我有一个现有的Facebook应用程序（标签和画布），我想通过移动设备访问它。

我是否必须创建一个“真实的”移动网络应用程序，例如使用jquery mobile，或者我可以将应用程序转换为响应式应用程序吗？

事实上，我已经尝试过使用css3媒体查询，它在我的手机Safari上工作正常，但在iPhone的原生Facebook应用程序中却没有。

所以我的问题是：是否可以在原生Facebook移动应用程序中为我自己的应用程序使用媒体查询？

由于

Answer 1

当然，您可以以响应的方式设计/实现每个fb-app。你不需要移动jquery。

您是否在媒体查询中尝试过max-width或max-device-width？另请查看我们关于主题的最新博文：how to link to your tab app for mobile usage。

Answer 2

        <div id="fb-root"></div>
        <script>
            (function (d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) return;
                js = d.createElement(s); js.id = id;
                js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=579864128801274&version=v2.0";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));
        </script>
        <div class="fb-comments" data-href="http://your-web-site.com" data-width="100%" data-numposts="5" data-colorscheme="light"></div>

只关注 data-width =“100％”它适用于我。

Facebook移动应用程序响应

2 个答案: