2012-02-08 9 views
0

私はここでいくつかの質問を読んだだけでなく、Googleが探しているものを見つけました。何か理由があるため、私がiPadsで働くことができません。私はそれがiPhoneのために働くことができたが、iPadはまだ私のbg imgを表示しています。これらは私が試したすべてのクエリであり、空の手を出しました。iPadの条件付きCSSは動作しません

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) { 

body.custom-background { 

    background-color: #FFFFFF; 
    background-image: none; 

} 
} 

@media only screen and (min-width: 481px) and (max-width: 1024px) { 

body.custom-background { 

    background-color: #FFFFFF; 
    background-image: none; 

} 
} 

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 

body.custom-background { 

    background-color: #FFFFFF; 
    background-image: none; 

} 
} 

@media handheld and (max-device-width: 480px) { 

body.custom-background { 

    background-color: #FFFFFF; 
    background-image: none; 

} 
} 
+1

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

第三のメディアクエリーは正しいものです。第四は、iPadのために理にかなっていません。あなたのHTMLは見えますか? – BoltClock

+0

4番目のクエリはiPhone向けです。申し訳ありませんが、私はそれを指定しませんでした。 –

答えて

0

あなたのhtml頭にMetaを持っている可能性があります。このように:そのメディアクエリー

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 

body.custom-background { 

    background-color: #FFFFFF; 
    background-image: none; 

} 
} 
+0

さて、私はindex.phpファイルを見て、リンクされたhandheld.cssはハンドヘルドメディアタイプに設定されていたので、ハンドヘルドのスクリーンに設定しました。そのiPhoneとipadを変更した後、両方とも正常に動作し、背景画像を表示しませんでしたが、デスクトップで見ると画像も表示されませんでした。 handheld.cssはクエリ3と4だけを持つようになりました。 –

関連する問題