2

少し問題があります。css メディア クエリが無視されるか、メイン css が無視されます。

メディア クエリでサイズ フォントの値を変更しようとしています。デスクトップの場合は 75px、モバイルの(max-width:320px;)場合は 40px 程度です。しかし、うまくいきません。

私のcssメディアクエリコードは次のとおりです。

/* Smartphones (portrait) ----------- */

@media only screen and (min-width : 320px) {
  h1.site-title {
    color: #fff;
    font-family: 'Open Sans', sans-serif; 
    font-size: 40px; 
    font-weight: 800; 
    line-height: 1em;
  }
}

メディア クエリ css で font-size の値を変更すると、ページ全体で変更されます。（デスクトップ、タブレットなど）

私が間違っていることは何ですか？:(

ありがとうございました、

乾杯

PS: CSS メディア クエリは別のファイルであり、html ヘッドに追加されます。次の行があります。

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

3 に答える 3

1

メディア クエリが「本文」レベルにあることを確認してください。そうしないと、ビューポートの最小幅が認識されません。

于 2013-04-20T14:14:03.460 に答える