3

既存のFacebookアプリ（タブとキャンバス）があり、モバイルデバイスからアクセスできるようにしたい。

たとえばjquerymobileを使用して「実際の」モバイルWebアプリを作成する必要がありますか、それともアプリをレスポンシブアプリに変えることができますか？

実際、私はすでにcss3メディアクエリを使用してみましたが、モバイルSafariでは正常に機能しますが、iPhone用のネイティブFacebookアプリでは機能しません。

だから私の質問は：ネイティブのFacebookモバイルアプリで自分のアプリにメディアクエリを使用することは可能ですか？

ありがとう

4

2 に答える 2

1

もちろん、レスポンシブな方法ですべてのfb-appを設計/実装できます。jquerymobileを使用する必要はありません。

メディアクエリ内でmax-widthまたはmax-device-widthを試しましたか？トピックに関する最新のブログ投稿もご覧ください：モバイルで使用するためにタブアプリにリンクする方法。

于 2013-02-07T10:48:55.130 に答える
1 
        <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％"に注目してください。私にとっては問題なく機能します。

于 2014-09-26T17:18:38.700 に答える