使用されているCSS文書を確認してください

-1

テキストサイズを修正する必要があります。このページを見ていると、モバイルデバイスのページ（または「ブリスク」ブラウザ）の見出しが外に出ているので、右にスクロールしてテキストを表示する必要があります。使用されているCSS文書を確認してください

サイトには多くのページがあり、フォントを制御しているCSSまたはSassファイルが見つかりません。

<h2>タグが使用しているドキュメントがブラウザに表示されるかどうかは誰にも分かりません。私はそれを見て、私は開発者のツールを介してそれを見ることができないのですか？

出典

2016-07-12 KrMa

どれでも良いデベロッパーツールを使用すると、適用されるルールを参照することができます。 – gcampbell

あなたのcssがバンドルされています。どのcssファイルがあるかを知るには、ファイルがすべて1つにまとめられる前に開発環境で調べる必要があります – Pete

どのブラウザを使用していますか？ –

あなただけの1つの縮小さCSS

<link href="/bundles/css?v=SJ37P6CfqPJUAiVuLtUYrkvpJkXmJUlOWclWB_n1UKw1" rel="stylesheet"/>

を持っている問題はここにある：

.h2, h2 { 
    font-size: 40px; 
    padding-top: 30px; 
}

あなたが長い単語を持っているので、ブラウザが複数行に単語を破ったしないようにしてください。

@media screen and (max-width: 640px){ 
    .h2, h2 { 
    font-size: 26px; 
    } 
}

出典

2016-07-12 08:44:14 Alessio

あなたの答えをありがとう。私が学んでいきたいのは、それがどこに問題があるのかが分かります。私はスタイルの下でgooglesの開発者ツールを調べていますが、そこにあるものを見つけることができません。私はもちろんバンドルを見ることができますが、問題はh2にありますか？ – KrMa

アレッシオはエラーがh2の部分にあると述べていますので、特定のブレークポイントのフォントサイズを小さくすることができます。デベロッパーツールに切り替えると、特定のhtml要素の幅（ある種のオーバーレイ）を見ることができます。この場合、h2要素が境界線を越え、その結果、スクロールの問題が発生します。テキストまたは具体的にこの単語「Sggemaskineoptimering」が長すぎて1行に収まるには大きすぎます（モバイルビュー）。フォントサイズを変更するか、または小括弧を設定することができます。 Alessioはすでにブレークポイントアプローチについて説明しています。

敬具、 KN

出典

2016-07-12 10:06:48

お返事ありがとうございました。私の問題は、ページに非常に多くの異なるCSSファイル、SCSSファイル、JSファイルがあることです。だから、私はすべての文書に座ってCSSを調べ、h2を見つけようとしています。 h2タグがどのドキュメントにあるのかを確認する方法はありますか？よろしくお願いいたします。 – KrMa

はい、開発者ツールを使用してh2要素を調べると、ソースがあるcssボックスの右側に表示されます。これは次のようになります。 .h2、h2 {css？v = SJ37P6CfqPJUAiVuLtUYrkvpJkXmJUlOWclWB_n1UKw1 font-size：40px; パディングトップ：30px; } –

もう一度ありがとうございます。問題は、単にcss？v = SJ37P6CfqPJUAiVuLtUYrkvpJkXmJUlOWclWB_n1UKw1という文書がないことです。これは、CSSがgruntファイルで最小化されるためですか？ – KrMa

使用されているCSS文書を確認してください

答えて

関連する問題