responsive-images

0熱

1答えて

Bootstrapカラム（col-md-4）に3つの応答性の高いpinterest-likeカードを作成しています。中程度の幅のスクリーン（例えば、ランドスケープのipad）。ディスプレイが小さな画面サイズに縮小され、ブートストラップが単一の列表示に変わるまで（例えば、ポートレートモードのiPad）、それらは縮小して、すばやく成長する。この時点で、カードラッパーdivのサイズは正しく増加します。元

0熱

2答えて

動的高さの自動高さ画像

height:autoについて多くの情報を検索しましたが、私の問題の解決策が見つかりませんでした。私は、ダイナミックな高さと全幅の画像を必要とするが、それは動作しません:(誰でもはHTML !?助けることができる：私のjsFiddle <div id="roster"> <div class="image"></div> </div> CSS #roster{} #roster .im

0熱

1答えて

ページのサイズを変更すると画像が重複しています

こんにちは、stackoverflowコミュニティ。画像要素（ソーシャルメディアボタン）が自分のWebページ上の画像に表示されているときに問題にぶつかります。まず第一に、私の要素は座っているdivボックスをあふれています。私はoverflowのプロパティでそれを修正しようとしていましたが、それは私が後ろだったものではありませんでした。だから私はclearfixを使ってdiv内の要素を保持しようとし

1熱

1答えて

ブートストラップレスポンスイメージグリッド

ブートストラップを使用してレスポンシブなイメージグリッドを作成したいと考えています。私は4つの画像を持っており、デスクトップサイズの場合は1x4グリッド、モバイルサイズの場合は2x2グリッドが必要です。私は次のコードを試しましたが、デスクトップサイズの画像間には不要な空白があります。また、モバイルサイズのためのスペースはありません。このレイアウトを調整するにはどうすればよいですか？事前におかげ

1熱

3答えて

アスペクト比が失われたInternet Explorer対応画像

が設定されているかどうかにかかわらず、Internet Explorerはmax-width: 100%を使用して応答画像のアスペクト比を失うことがあります。 '時には'は、使用される画像ファイルによって異なります。これはコーディングの問題ではなく、max-width: autoを使用しようとすると特定の画像で発生するIEの不具合です。例は、現在私の妻のためにウェブサイトwww.ladyjane

1熱

1答えて

応答画像：Srcset＆

のサイズ私は彼が次の例を使用するには、現在のプロジェクトに対応した画像を実装し、this post on CSS-Tricksを参照しています： <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> 私は指定して、自分のプロジェクトにこのフォーマットを使用のみ交互幅、そして興味深いことにW3C Vali

0熱

1答えて

レスポンスイメージ_エクステンダー - いいえsrcset

私はグランントresponsive_images_extenderの問題に遭遇しています。私のsrcsetはビルドフォルダに設定されていません。のreadmedocumentationによると、それはデフォルトのタスクのコードは最初responsive_imagesタスクから作成した画像サイズから直接srcsetを設定することを言います。（これは私のシナリオでは、ビルドフォルダに3imgサイ

2熱

2答えて

ブラウザウィンドウに合わせて画像を自動的にサイズ変更する方法

画像をブラウザウィンドウの高さに合わせて、ウィンドウサイズに動的に反応させようとしています。同じサイズを維持するには画像のアスペクト比が必要ですが、大きな画像では画像が元の解像度より大きくなることがあります。私は、画像が画面の外にこぼれてスコッリング効果を作りたくありません。イメージは、縦と横の両方のコンテナの内側にセンタリングされている必要があります。 Here is an example

4熱

1答えて

パーフェクトイメージコンテナ：中央、アスペクト比、シャンクと盛り上がりフィット

ここからotherquestionsここにあるので、私はアスペクト比をイメージに維持して、水平方向と垂直方向の両方にコンテナに収めることができるようになります容器に収まるように収縮させる。ほぼそこに！どういうところが間違っていますか？小さな画像を展開したい場合は、<img>タグにクラスを追加することができます。つまり、小さな画像を展開する機能をオフにする場合は<img class="nogrow

2熱

2答えて

CSSで反応する背景イメージを作る方法

2つのdivをもう1つのdivブートストラップコンテナ（1つの左上、1つの右下）に入れて解決しました。私の次の問題は、メインdiv（内部に座っている2つのdivで）です。私は応答の高い大きな背景画像が必要なので、ブラウザが小さくなるにつれて右下のdivを上と下に持ち込みます。ここでは、私がこれまで持っているものです：私は上記の行っているかのようなCSSに背景画像を追加する <style> #