私はpurecssを使用して最初のページを作成しようとしていますが、現時点では、純粋な画像を使用するためにimgを使用していますが、画面を縮小すると画像は応答しますより大きく、画像は元のサイズから増加するはずであり、元のサイズで静止しているだけです。 PureCssレスポンシブ画像
あなたは私を助けてください:)
0
A
答えて
0
試してみてください。
img {
max-width: 100%;
height: auto;
}
0
最も簡単な方法 - ちょうどあなたのイメージにwidth: 100%
を追加します。私は適切に自分自身を説明できないことがあり
関連する問題
- 1. レスポンシブな背景画像
- 2. レスポンシブ画像on Wordpressブログ
- 3. レスポンシブの背景画像
- 4. レスポンシブな画像とグリッド
- 5. 長めの高さの画像があるレスポンシブな画像
- 6. レスポンシブ画像にjcropを使用する
- 7. レスポンシブのCSSで最初の画像
- 8. レスポンシブな、純粋なCSSホバー画像ギャラリー
- 9. リサイズ時のレスポンシブな画像スケーリング
- 10. レスポンシブ画像、srcset、フォールバック問題のある画像と画像の比較
- 11. レスポンシブな画像 - 異なる画面サイズで画像のサイズを変更する
- 12. Purecssロードマップとプロジェクトステータス
- 13. レスポンシブなWordpressのテーマ画像が修正されました
- 14. レスポンシブな画像が正しく流れない
- 15. レスポンシブな背景画像とテキストの高さ
- 16. レスポンシブな画像の問題3列のレイアウト
- 17. 設定された高さのレスポンシブな画像デザイン
- 18. レスポンシブ画像のリンクを表示/非表示
- 19. CSS - レスポンシブ画像のパーセンテージのみを表示する
- 20. レスポンシブな画像とぼかし効果の問題
- 21. レスポンシブ画像付きのインフォメーションカードを作成する
- 22. レスポンシブな画像画面幅にスケーリングしてその比率を維持する
- 23. レスポンシブ・ホバー・オーバー・レスポンシブ・イメージ
- 24. レスポンシブな画像スライダーbxsliderはページリロード時にのみ機能します
- 25. 擬似要素を使ってレスポンシブ画像を追加する方法
- 26. レスポンシブな画像ギャラリーでキャプションが正しく切り替わらない
- 27. レスポンシブなレイアウトに画像を追加する手助けが必要
- 28. レスポンシブな画像の上にテキストをオーバーレイする方法 - それに応じて?
- 29. ASP.Netレイアウトを適応させ、画像とボタンを解像度に適応させる(レスポンシブなレイアウト)
- 30. レスポンシブQGraphicsWidget
申し訳ありませんが、問題は、画像が十分な大きさになっていないということですので、私は、彼らは100%の自分の幅を乗り越える必要がありますね。しかし、私はちょうどそれが動作しない幅を増やす場合は、何かの理由で画像の幅を100%以上に制限するpurecssだと思う。 – Albic7
ああ...あなたはちょうど画像の幅を設定することができます:100%しかし、これは画像の解像度を超えてストレッチされます..あなたはJavascriptの修正を使用することができますが、私の意見では、レスポンシブルな画像のJSを使用することは過剰です。