IE11にのみ適用するスタイルシート
いまどきIEだけ崩れてるなんてないだろ〜
...
_人人人人人人人人人人人人人人人人人人_
> IEはGoogle Fonts 非対応 <
 ̄Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^ ̄
CSS hack を使用する
弊社はほとんどの案件でブラウザ対応は最新版というありがたい環境だが、
それでもIEは崩れたりすることがある。
一番致命的なのがGoogle Fontsによる Webフォントが使用できないことだ。
条件付きコメントはIE9までしか対応できないため、
最新ブラウザなのにcss hackという古い手法に頼るというよく分からない状態になる。
IE11のみ
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .hoge {
// スタイル
}
}
IE10以降
@media all and (-ms-high-contrast:none){
.foo { color: green } /* IE10 */
}
IEではWebフォントを諦める
一思いにバッサリ1つのフォントを指定してやる。
ie.css
@media all and (-ms-high-contrast:none){
* {
font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
}
}
IE用にWindowsに標準的に入っているフォントを使用して体裁を整えてあげることはできるのだが、
そこまで時間をかけるのはコストに見合わないと判断。
Author And Source
この問題について(IE11にのみ適用するスタイルシート), 我々は、より多くの情報をここで見つけました https://qiita.com/eturlt/items/d43b1e19d7878ed41456著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .