Zurb FoundationにはBootstrapのimg-responsiveと同等の機能がありますか？

ファンデーションにはインターチェンジがあることが分かっています。これにより、異なるブレークポイントで小さなカウンターポイントを持つ個々のイメージを交換できますが、ブートストラップのimg-responsiveにイメージを再スケーリングするものがあります。Zurb FoundationにはBootstrapのimg-responsiveと同等の機能がありますか？

出典

2016-07-10 KinsDotNet

これと同じ属性を使用して独自のカスタムを作成することができ

display: block; max-width: 100%; height: auto;

属性であります画像は適切に小さく軽量であるため、モバイルデバイスにダウンロードするのがより迅速であるため、これを実行する最善の方法です。現代/現代のことをする方法です。 https://css-tricks.com/responsive-images-youre-just-changing-resolutions-use-srcset/ –

すべてのimg-responsiveクラスは、次のCSSプロパティを適用しています：max-width：100％;高さ：自動;表示：ブロック; 。私はあなたが期待している答えが何であるか分かりません。これらのプロパティを持つクラスを作成して使用することができます。 – Ricky

これらの次のスタイルに対応する新しいクラス.imgを作成して、コードに直接適用することができます。それは親要素にうまく画像スケールを作成します。

出典

2016-07-10 06:32:54 trungk18

ブートストラップ.imgの応答性

.img-responsive { 
 
    display: block; 
 
    max-width: 100%; 
 
    height: auto; 
 
}

はこれでブートストラップクラスは、あなたがそれはイメージと呼ばれています

出典

2016-07-10 13:01:12

Zurb FoundationにはBootstrapのimg-responsiveと同等の機能がありますか？

答えて

関連する問題