javascript - CSS 条件要素、XHTML

Question

わかりました、これはトリッキーです... 細心の注意を払ってください!

1. index.html と about.html の 2 ページの Web サイトがあります。
2. これらのページは、1024x768 以上のすべての画面解像度で動作するように作成しました。
3. 「cssのピクセルではなくパーセンテージでスケーリング可能にする」という決まり文句の前に、私はある程度しましたが、それがうまく機能する最低解像度は1024x768です。それより低い解像度!)
4. 誰かが悪いリンクをたどった場合に備えて、ディレクトリに missing.html ページもあります。
5. 「申し訳ありませんが、このページは 1024x768 以上の解像度でしか表示されません。」解像度の低い人が index と about の両方のページにアクセスしようとしたときにポップアップするページは? 6 私は IE CSS の条件付き要素の方針に沿って考えていましたが、解決のためだけのブラウザーでは考えていませんでした。(解像度が低いために新しいページを生成する条件ステートメント!)
6. 解像度が 1024x768 未満の人のために、新しい .html ページを生成したいだけです (Web サイトに何らかの検出が必要なのはわかっていますが、それを実装する方法がわかりません!)。
7. 私は非常に肛門を保持し、私がしたように私の問題に番号を付けたことをお詫びします。どんな助けでも大歓迎です! できるだけ詳しく！

Answer 1

次のようなCSS メディア クエリを使用できます。

@media (max-width: 1024px) { ... }

ピクセル固有のクエリ内で、「申し訳ありません...」というメッセージが表示された div を作成できます。

一般的な JavaScript を使用してモニター サイズを取得しても、実際のブラウザー ウィンドウのサイズが反映されない場合があることに注意してください。メディア クエリは反映されます。