0

よく検討した結果 (Twitter Boostrap 3 RC1 から切り替えた)、ZURB Foundation 4 に切り替えました。ほとんど問題なく動作していますが、すでにバグが発生している可能性があるのではないかと心配しています。もしかして使ってる？

基本的に、一連の画像を含むブロック グリッドを設定しています。最初は期待どおりに動作します。画像は列の幅に自動的にスケーリングされmax-width:100%ますheight:auto。

ここでclass="th"、画像の各アンカーに追加すると、突然画像がコンテナーからオーバーフローし、サイズの制約はまったくありませんが、画像ファイル自体のサイズになります。

これを Firefox で調べると、これを引き起こしている可能性のある唯一の違いは、thクラスにline-height:0. 私はこのすべてのものに少し慣れていないので、なぜ行の高さをゼロに設定しているのかよくわかりませんが、それが私の使用法ですべてを壊していると私が知る限りです。これはバグですか、それとも何か不足していますか?

コード例を次に示します。

<ul class="large-block-grid-4">
   <li>
      <a class="th" href="http://placehold.it/800x800.jpg">
         <img src="http://placehold.it/800x800.jpg" />
      </a>
   </li>
</ul>

つまり、いたるところにオーバーフローしますが、thクラスを削除するだけなら問題ありません。

私にはバグのように見えますが、送信する前に、私がばかで重要な点を見逃していないことを確認したかったのです。

4

2 に答える 2

1

同じ問題でSASSではなく、デフォルトのCSS（v4.3.1）のみを使用しています。私だけがIE 10/9でのみ発生しました。ドキュメントに使用されているスタイル シートとダウンロードに含まれているスタイル シートを比較すると、1 つの違いが見つかりました。

以下を「a.th」スタイルに追加します。

max-width: 100%;
于 2013-08-17T23:54:05.760 に答える
0

あふれてはいけません。http://foundation.zurb.com/docs/components/thumbnails.html

あなたはsassを使用していますか、それともcssの上で作業していますか?

于 2013-08-06T21:59:17.967 に答える