私は多くのレスポンシブサイトを構築しています。IE10 と IE11 のスナップ モードをサポートしたいのですが、Windows Phone 8 のサポートを中断せずに完全にサポートすることはできません。CSS で現在使用しているコードは次のとおりです。
@media screen and (max-width:400px) {
@-ms-viewport{
width: device-width;
}
}
問題なく動作しますが、IE10/11 が可能な限り小さい位置にスナップされていない場合、サイトは縮小表示されます。メディア クエリを削除すると、デスクトップとタブレットの IE10/11 では正しく表示されますが、Windows Phone 8 の IE10 モバイルではデスクトップ サイトとして表示されます。 IE10/11 のスナップモード?
スクリーンショット:
Media Query を使用すると、Windows 8:
Media Query Windows Phone 8 の場合:
Media Query を使用しない場合、Windows 8:
Media Query を使用しない場合、Windows Phone 8: