レスポンシブウェブページの最小フォントサイズを指定する方法

ウェブサイトのテキストの最小フォントサイズを設定しようとしています。これまで、このテキストはモバイルサイズで判読不能なサイズに縮小されていましたので、特定のフォントサイズがより小さい画面サイズに設定されるようにメディアクエリを設定しました。レスポンシブウェブページの最小フォントサイズを指定する方法

@media（最大幅：760px）{

.tp-caption.medium-text { 
    font-size: 15px !important; 
    text-align:center !important; 
    margin-top: 30px !important; 
    }

}

私がいる問題がnormerlyラップするテキストを取得する方法です。現時点ではラップしていません。スタイルに「空白：普通」を追加すると、すべての単語が折り返されているように見えます。この奇妙な方法で他のスタイルがこの要素に取り組んでいます。

ウェブサイトはここにある：あなたはこのために、テキストをラップする方法CSSを求めている場合はwww.alexch.net/ignition

は何かアドバイスは

感謝アレックス

出典

2016-11-11 alex_cissokho

提供するjsfiddle –

をappreicatedされるだろうそうです。

word-wrap: break-word;

あなたのサイトはテキストを縮小してはいけません。フォントサイズに％を使用していますか？

出典

2016-11-11 12:15:15 Jay

返信いただきありがとうございます。私は基本的に私が購入したテーマをカスタマイズしています。私はおそらく、他のどのスタイルがテキストが折り返すべきかを指定しようとする試みを無効にしているかを教えてくれるはずだから、テーマを作成した開発者に尋ねる必要があると思います。 –

右クリックしてinspectをクリックすると、chrome dev toolsまたはfirefox firebugを使って、何が上書きされているかを見ることができます。 – Jay

ありがとう！私がそれをすると、要素のスタイルを見ることができます： white-space：nowrap; 私はこの問題を引き起こしていると思います。しかし、私が 'white-space：normal;'を指定すると、私のownstyles.cssの文書では、すべての単語が新しい行に折り返されているようです。私はそれが画面の端から外れる前にそれをラップするためにいくつかの他のCSSルールを使用する必要があるかどうか分かりませんか？ –

レスポンシブウェブページの最小フォントサイズを指定する方法

答えて

関連する問題