Q&A
はじめまして。よろしくお願いします。
レイアウト崩れはIE8以下のみで、9以上では正常に表示されます。他のモダンブラウザでも正常に
表示されます。
具体的には
＊toggle-barが展開された状態で表示される
＊carouselのwidthがズレる
使用しているjsはbootstrap3.3.1とjquery1.11.1とwow.js cssはbootstrap3.3.1とanimate.cssでcdn経由で読み込んでいます。あと各ページのcssをimport.cssで読み込んでいます。
お決まりの
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- [if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif] -->を<head>内に記述しても効果がありません。
ちなみに
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>をコメントアウト無しで<head>内で記述すると今度は
スマートフォン表示の時のようにtoggle-barが折りたたんだ状態で表示されます。
ブラウザのサイズいっぱいにコンテンツが広がり、containerで指定したwidthに収まってくれません。
IE8対応は必須ではないのですが、出来れば解決したいです。
よろしくお願いします。
回答1件
0
Bootstrap Internet Explorer 8 and 9
まずは公式リファレンスに書いてあることのみを行ってみてはいかがですか？
投稿2015/08/26 06:48
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/08/26 07:46