メディアクエリを使用してルールを設定しようとしています:
@media screen and (min-width: 1920px){
#dados_contato_rodape p{
font-size: 5.5em;
border: 1px solid yellow;
}
}
ただし、この形式は、画面幅が 1930px 以上の場合にのみ適用されます (Chrome のアドオン レスポンシブ ツールでテスト中)。
私のビューポートタグは次のとおりです。
<meta name = "viewport" content = "width=device-width, maximum-scale = 1, minimum-scale=1" />
HTML:
<div id="dados_contato_rodape">
<p>contato@contato.com.br</p>
<p>55 51 9999 9999</p>
</div>
アップデート:
この幅の画面 (1920px) に jQuery/Javascript コードを配置すると、結果は 1920px になります。
$(window).outerWidth()
メディア クエリは他の状況では正常に機能していますが、この場合のみ (現時点では) 機能していません。
誰かがそれを手伝ってくれますか?
ありがとうございました。