私はこのサイトをよりレスポンシブにしようとしており、% や ems などのレスポンシブな用語ですべての属性を作成することから始めましたが、何らかの理由で、私が望むほどレスポンシブではありません. 設計上の欠陥を補うために、メディア クエリを使用することにしました。
私は Ethan Marcotte による Responsive Web Design を読んでいて、ほとんどのデザインで大いに役立っていますが、iPad や iPod でメディア クエリが機能していないようです (つまり、何か間違ったことをしているのです)。
私が間違っていることを誰でも簡単に特定できますか?
私はあなたのコードを完全に確認する必要がありますが、私があなたのウェブサイトをプルアップしたときに見ることができるものから、以下のスタイルシートのインポートは実際にはあなたのプロジェクトフォルダーからファイルを見つけていません:
<link rel="stylesheet" href="styles/base.css"/>
<link rel="stylesheet" href="styles/skeleton.css"/>
<link rel="stylesheet" href="styles/layout.css"/>
ロードされているように見える唯一のファイルは
<link rel="stylesheet" href="styles/index.css" />
メディアクエリは含まれません。
Google Chrome で Web サイトのサイズを変更すると、3 つのスタイル シートが存在しないため、意味のあるレスポンシブの変更が見られません。