2016-09-17 2 views
0

私のウェブサイトはレスポンシブデザインで、すべてのモバイルブラウザの「vw」ソースのサイズに使用されていますが、ウェブブラウザのアプリのFacebookでは、ページのこれを修正する方法はありますか?そのブラウザでCSSを実装するためのハックはありますか?ありがとう。ウェブブラウザのアプリのFacebookのための(ハック)以外のCSS?

このウェブブラウザを知らない人は、ブラウザ独自のFacebookアプリだと言って、デフォルトのブラウザを開くのではなく、Facebookの外部リンクをクリックすると、スマートフォンに表示されます。アプリ。

さらに詳しい情報:

Facebook app browser

答えて

1

vwを使用して、あなたのフォントサイズについては悪い考えです。すべてのブラウザでIt's not supportedと表示され、発生しているようなバグが発生する可能性があります。

私が考えることができる(そして一般に認められている)最良の解決策は、media queriesを使用して要素のフォントサイズを変更することです。

エレガントではなく、セットアップするのが厄介なもう1つの解決策は、画面の幅に応じて要素のフォントサイズを変更することです。私はあなたがこれをしないで、代わりにメディアのクエリを参照することをお勧めします。

+0

他のブラウザで悪い場合は、まったくうまくやって、Facebookブックアプリの誤動作だけです。 – PlayerWet

+1

エレメントのスタイルをFacebook専用に変更したい場合は、[this](https://codepen.io/leo--/pen/mAEKOQ)のようにすることができます。 FBブラウザーで見たとき、画面の幅に応じてサイズが固定されないようにしてください。 メディアのクエリを使用することは間違いなくここに行く方法です。彼らは簡単に実装することができ、異なるブレークポイントでスタイルを一貫して保つことができます。より複雑なスタイリングをしたい場合は、この最後の部分が非常に重要です。 –

+0

私はよく説明していないと思います。モバイルデバイス上の私のページを見るために、私はさまざまな解像度でメディアクエリを使用しなければなりませんでした。 vwのフォントのサイズは、テキストを適合させるために、私が必要としていたさまざまな対応ステップでそれを適用しました。 複数のデバイスとブラウザでページをテストした後、ブラウザのFacebookブックソースのみが通常よりも大きく表示されます。 私に起こったリンクを見ていきます。ありがとうございます。 – PlayerWet

関連する問題