css - 特定の解像度のCSSメディアクエリをターゲットにする

Question

私は、あらゆる種類の動的な幅と高さ、および垂直方向に中央に配置されたものを備えた、クレイジーなWebアプリを実行しています。1366x768と1280x800を除くほぼすべての解像度で見栄えがします。私はいくつかのCSSルールオーバーライドでそれを修正する方法を知っています。これらの特定の解像度のみをターゲットにしたい（つまり、最小幅：1280および最大幅：1280で1280x1024をターゲットにしたくない）。ベストプラクティスなどについて私に講義しないでください。迅速で汚い答えが必要です。

これどうやってするの？驚いたことに、グーグルは私に良い結果を与えていません。

Answer 1

あなたが使用することができます：

@media screen and (min-width: 1280px) and (max-width: 1280px)
              and (min-height: 800px) and (max-height: 800px) {
    /* Crazy CSS overrides here */
}
/* Second variant left as an exercise for the reader */

ただし、今すぐリファクタリングに時間をかければ、おそらく長期的にはより良い結果が得られるでしょう。