PureCssレスポンシブ画像

私はpurecssを使用して最初のページを作成しようとしていますが、現時点では、純粋な画像を使用するためにimgを使用していますが、画面を縮小すると画像は応答しますより大きく、画像は元のサイズから増加するはずであり、元のサイズで静止しているだけです。 PureCssレスポンシブ画像

あなたは私を助けてください:)

出典

2016-12-19 Albic7

試してみてください。

img { 
    max-width: 100%; 
    height: auto; 
}

出典

2016-12-19 01:11:31 Dominion79

申し訳ありませんが、問題は、画像が十分な大きさになっていないということですので、私は、彼らは100％の自分の幅を乗り越える必要がありますね。しかし、私はちょうどそれが動作しない幅を増やす場合は、何かの理由で画像の幅を100％以上に制限するpurecssだと思う。 – Albic7

ああ...あなたはちょうど画像の幅を設定することができます：100％しかし、これは画像の解像度を超えてストレッチされます..あなたはJavascriptの修正を使用することができますが、私の意見では、レスポンシブルな画像のJSを使用することは過剰です。タグを見ることもできますが、これはすべてのブラウザでサポートされているわけではありませんので、IEとそのすべてを知っています。または、画像を保存してサイトのラッパーに合わせて上記の方法を使用できます...特大のイメージをモバイルデバイスに送信していることを意味しますが、イメージの圧縮によってはそれほど悪くはありません。 – Dominion79

最も簡単な方法 - ちょうどあなたのイメージにwidth: 100%を追加します。私は適切に自分自身を説明できないことがあり

https://jsfiddle.net/zv95xt4r/

出典

2016-12-19 01:12:25

答えて

関連する問題