2

サイトをレスポンシブに変換中ですが、何をしてもメディア クエリを Microsoft サーフェスで動作させることができません。次のことを試しました。

@media screen and (orientation: portrait) {
 @-ms-viewport {
 width: 768px;
 height: 1024px;
  }

そして、この動作を停止するために 8.1 がリリースされてから何も変更されていないため、動作しません。Microsoft が私たちに飛躍の穴を飛び越えさせなければならない理由。iPad でさえ、標準的なメディア クエリを受け入れます。

4

2 に答える 2

1

あなたがしようとしていることは

@-ms-viewport { width: device-width; }

ただし、このコードは、表面を含むすべての「網膜」タイプの画面をターゲットにします。ソース。

@media (min--moz-device-pixel-ratio: 1.5),
       (-o-min-device-pixel-ratio: 3/2),
       (-webkit-min-device-pixel-ratio: 1.5),
       (min-device-pixel-ratio: 1.5),
       (min-resolution: 144dpi),
       (min-resolution: 1.5dppx) {

/* Retina rules! */

}
于 2013-11-08T09:18:52.420 に答える