2017-06-07 11 views
0

モバイル版と通常版のウェブサイトを構築しています。通常のバージョンは正常に動作しますが、モバイルバージョンには奇妙な問題があります。フォントサイズはページごとに異なるので、たとえばh3を48ピクセルと定義しました。今は1ページで完璧に動作しますが、別のページでは48ピクセルが59.5556ピクセルに拡大されます。 ,pなど、他のすべてのヘッダータイプも発生します。その結果、テキストが1ページで大きく見え、他のページではほとんど見えなくなります。すべてのページのCSSはまったく同じです。それがまだ開発中なので、私はウェブサイトをリンクすることはできません。ページごとに異なるフォントのスケーリング

例:

normal font size

scaled font size

答えて

0

あなたは携帯やってそれ自身のスケーリングを防ぐために、あなたの頭のセクションでは、このメタタグを配置する必要があります。

<meta name="viewport" content="width=device-width">

+0

私は、テキストの大きさは、私は100%の幅を指定しているためしかし、私のすべての要素と同じであることを追加した場合は、全幅の半分だけのように見えます。 –

+0

申し訳ありませんが、あなたのコードを見ることなく伝えるのは難しいです。しかし、メタタグは、反応性の高いサイトを適切に表示するために使用する必要があります。だからあなたのHTMLやCSSに問題があるはずです。 – WizardCoder

関連する問題