我有一个现有的 facebook 应用程序(标签和画布),我想通过移动设备访问它。
我是否必须创建一个“真正的”移动网络应用程序,例如使用 jquery mobile,或者我可以将应用程序变成一个响应式应用程序?
事实上,我已经尝试过使用 css3 媒体查询,它在我的移动 Safari 上运行良好,但在 iPhone 的原生 Facebook 应用程序中却不行。
所以我的问题是:是否可以在本机 Facebook 移动应用程序中为我自己的应用程序使用媒体查询?
谢谢
我有一个现有的 facebook 应用程序(标签和画布),我想通过移动设备访问它。
我是否必须创建一个“真正的”移动网络应用程序,例如使用 jquery mobile,或者我可以将应用程序变成一个响应式应用程序?
事实上,我已经尝试过使用 css3 媒体查询,它在我的移动 Safari 上运行良好,但在 iPhone 的原生 Facebook 应用程序中却不行。
所以我的问题是:是否可以在本机 Facebook 移动应用程序中为我自己的应用程序使用媒体查询?
谢谢
当然,您可以以响应式方式设计/实现每个 fb-app。你不需要有jquery mobile。
您是否在媒体查询中尝试过 max-width 或 max-device-width ?另请查看我们关于该主题的最新博客文章:如何链接到您的标签应用程序以供移动使用。
<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%"它对我来说很好。