1

Foundation Framework 4 を使用してサイトを作成しており、IE8 をサポートする必要があります。これは最新のブラウザーでうまく機能します。

IE8 の基盤 4 グリッドを提供する場所を見つけました。ブラウザーのサイズを変更すると、本体がブラウザーに合わせて調整されますが、コンテンツの背後にあり、ラップされておらず、修正方法がわかりません。

体の動き 本体の移動とコンテンツのラップなし

ここにリンクを残しておき ます。

IE8 で Foundation 4 の作業に使用するコードは、次のリンクにあります: https://gist.github.com/hatefulcrawdad/5068210

アップデート：

ブートストラップ 2.3.2 でコーディングを再開しましたが、スタイルがなく、Firefox 24 を含めて問題が解決しません。画像を参照してください。これは、ブラウザのサイズを変更したときに発生します。

ここで別の例を見て、私を助けてください: http://www.pruebas.chaloman.com/boots/

ボディはFirefox 24で包括的に動きます。デフォルトのブーストラップスタイルのみのスタイルはありません

4

2 に答える 2

0

解決しました

問題の解決策を見つけました。min-width プロパティを使用して値を指定します。解決策は固定幅です。

私が使う：

body {
min-width: 960px; /*fixed width*/
}
于 2014-01-15T17:16:21.600 に答える
0

あなたのソースコードは少し長いです..これを試してみてください...あなたのhtmlの頭の中で

    <!-- Foundation 3 for IE 8 and earlier -->
    <!--[if lt IE 9]>
     <link rel="stylesheet" href="/css/foundation3/normalize.css">
     <link rel="stylesheet" href="/css/foundation3/foundation.css">
     <link rel="stylesheet" href="/css/foundation3/app.css">
    <![endif]-->
    <!-- Foundation 4 for IE 9 and earlier -->
    <!--[if gt IE 8]><!-->
     <link rel="stylesheet" href="/css/foundation4/normalize.css">
     <link rel="stylesheet" href="/css/foundation4/foundation.css">
    <!--<![endif]-->

そして、bodyタグを閉じた後：

   <!-- Foundation 3 for IE 8 and earlier -->
   <!--[if lt IE 9]>
   <script src="/js/foundation3/foundation.min.js"></script>
   <script src="/js/foundation3/app.js"></script>
   <![endif]-->

   <!-- Foundation 4 for IE 9 and later -->
   <!--[if gt IE 8]><!-->
   <script src="/js/foundation4/foundation.min.js"></script>
    <script>
    $(document).foundation();
   </script>
   <!--<![endif]-->

詳細については、このリンクを参照してくださいhttp://zurb.com/article/1204/getting-foundation-and-ie8-to-play-nice

于 2013-10-22T10:50:42.603 に答える