はじめまして。よろしくお願いします。
レイアウト崩れは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対応は必須ではないのですが、出来れば解決したいです。
よろしくお願いします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/08/26 07:46