Facebook移动应用程序响应答案

【问题标题】：Facebook mobile App responsiveFacebook移动应用程序响应
【发布时间】：2012-06-15 07:20:34
【问题描述】：

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

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

事实上，我已经尝试过使用 css3 媒体查询，它在我的移动 Safari 上运行良好，但在 iPhone 的原生 Facebook 应用程序中却不行。

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

谢谢

【问题讨论】：

您有权访问的 facebook 标签不会作为选项出现在 iphone facebook 应用程序中。您仍然可以访问照片、活动等，但我缺少其他内容。
那是因为移动设备没有“标签应用程序”。如果您在应用程序的设置中提供移动链接，则可以通过搜索访问您的应用程序。在 iPhone 的原生 Facebook 应用程序中（我不知道这对原生 Android FB 应用程序是如何工作的）你的应用程序只有在你有 20 个时才会被索引以进行搜索（我现在找不到确切的数字，但我认为它是 20) 每月用户。

标签： facebook mobile-website facebook-apps responsive-design

【解决方案1】：

当然，您可以以响应式方式设计/实现每个 Facebook 应用。你不需要有 jquery mobile。

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

【讨论】：

嗨 Johannes，我刚刚又试了一次，现在可以了。不幸的是，我不知道为什么当时它不起作用——而且我无法重现这个问题。好吧 - 至少现在一切都按预期工作，我会将您的答案标记为正确。谢谢你:-)

【解决方案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%" 它对我来说很好。

【讨论】：

我完全按照您的建议进行操作，但我的不起作用。想法？这是我的链接 - Website