上記タイトのご相談です。IEに対応してといわれ下記のタグはもともといれていたのですが、
それ以外に追加すべきタグはあるのでしょうか?
<meta http-equiv="X-UA-Compatible" content="IE=edge">
これ以外に追加すべきタグがあるのでしたらご教示願います。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答4件
0
まずは、対応すべきIEのバージョンを確認して下さい。IE 11ならともかく、「IE 8から対応してほしい」と言われたときは、泣いて下さい。
そして、実際にIEで動作を確認しながら、問題のあるところを書き換えていく、という地道な作業が必要となります。IE 11でもHTML5、CSS3やES6の新機能にはあまり対応していないので、Can I useなどで「非対応」となれば回避して別な書き方が必要となります。
投稿2017/09/11 00:38
総合スコア145184
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/09/11 02:17
2017/09/11 02:25
2017/09/11 02:30
0
ベストアンサー
metaタグを1行書けば対応できるとかそんな単純な話じゃないですよ。
他の回答者も書いてますが、IE対応は倍の工数がかかります。
IEは8,9,10,11でまったく挙動が違います。
同じhtml/css/javascriptでスタイルがずれたり、javascriptがエラーになったりします。
なので8,9,10,11すべての環境で同じように動くように修正とテストを繰り返す必要があります。
※8を対応が完了したので9の対応のためにコードを修正したら8がまたおかしくなったとか、そういうのもあります。
html5に対応していないIEのために、html5を無理やりサポートさせるライブラリhtml5shiv.js もあります。UAを判定してIEだったらこれを読み込むなども対応のひとつです。
投稿2017/09/11 04:40
編集2017/09/11 04:41総合スコア1408
0
IE 11でさえ、よく使われる以下の項目に対してポリフィルを用意したり、代替方法に置き換える必要があります。jQueryを使うことで多少は緩和されるかもしれません。もしIE 11ではなく、IE 10や9、あるいは8だったら……
・HTML 5
main 要素 / a download / template 要素 / input type=date、time、color / output 要素 / canvas.toBlob() / dialog 要素
・JavaScript, DOM等
Element.classList / Array.prototype.find() / for ... of / Promise / アロー関数 / ChildNode.remove() / テンプレート文字列 / デフォルト引数 / Fetch API / NodeList.forEach / Element.matches()
async, await / Intersection Observer API / Array.prototype.includes() / Element.closest() / EventTarget.addEventListener options / URLSearchParams
・CSS
resize / display: grid / justify-self / ::backdrop
投稿2017/09/11 08:15
総合スコア13749
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。