CSS - Twitterで閲覧したときのWebページのCSSバージョンが正しくありません

最近、モバイルデバイスやデスクトップデバイスから私のウェブサイトを閲覧するためのCSSファイルが追加されました。以下は、各デバイスのスタイルを変更するために使用されるCSSコードの短いサンプルです：CSS - Twitterで閲覧したときのWebページのCSSバージョンが正しくありません

@media all { 
    p{ 
font-size: 2.5em; 
}

だから私はサファリを通じて私のウェブサイトを表示したときに、私のiPhoneを通じて、私は適切なスタイルを取得します。

サファリビュー：

しかし、ユーザーが自分の携帯電話にツイッターを通じて私のウェブサイトへのリンクをクリックすると、彼らは非モバイルデバイス用にレンダリングされたCSSを受けます。

モバイルビューでTwitter：ツイッター経由でモバイルサイトを表示したとき、私は適切なスタイルを持つために使用することができますどのようなCSS

は私のWebページに適用されますか？

出典

2017-04-19 objectively C

私たちに_incriminated_ CSSを見せてください。 UIWebViewビューアを処理するために、ビューポートのメタを追加する必要があります。 –

@AdrianoRepetti私は、有罪判決を受けたCSSに精通していません。答えにuiwebviewメタの例を示してください。 –

私は、TwitterアプリケーションがHTMLコンテンツを表示するためにUIWebViewを使用しているとします。私は試してみるためにiPhoneを持っていませんが、ビューポート設定のための異なるデフォルト（もしあれば）があると思います。 1つのレイアウトや他のものを選択するために使用しているCSSを表示するだけです（@mediaと一緒に使用している最大幅はわかりません） –

調査したところ、私はその答えを発見しました。あなたのプロジェクトのヘッドに以下を追加してください：

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

出典

2017-04-19 19:17:36

CSS - Twitterで閲覧したときのWebページのCSSバージョンが正しくありません

答えて

関連する問題