0

このサイトでの作業: http://thegoodgood.com/gus_2 レスポンシブ クエリはブラウザで動作していますが、iPhone に移動すると、クエリを使用していません... ここで確認できます: http://www.we-are- gurus.com/tools/responsive-design-tester.php?url=http%3A%2F%2Fthegoodgood.com%2Fgus_2%2F&d=320x480&scroll=off#

これがヘッダーに含まれていることを確認しました:

ちょっと困った????

これは私が使用しているクエリです: @media screen and (max-width: 540px) {

(私はウェブを精査し、幅をターゲットにしようとする一連のdiffernetクエリを試しましたが、何もしませんでした....)

アイデア/助けてくれてありがとう!

4

1 に答える 1

0

Safari または Chrome でサイトを開くと、メディア クエリも機能しないことがわかります。これは、Firefox よりも閉じ括弧について厳密であるためです。900px のメディア クエリまたは 740px のメディア クエリには閉じ括弧がありません。これらの 2 つのブラケットを追加すると、iPhone が適切に変更されるはずです。

Internet Explorer をサポートしたい場合は、そのブラウザーでもサイトをチェックアウトすることをお勧めします。

于 2013-01-19T22:49:35.040 に答える