私のサイトのフレームワークでhttp://www.getskeleton.com/を使用しています。たとえば、画像をさまざまな画面サイズでサイズ変更したいとします。 iPhone。誰もがこれを行う最も簡単な方法を知っていますか?私はGoogleの検索を行って、どれが最良かを知るにはあまりにも多くのオプションが与えられています。後は、画面が小さくなるにつれて、画像が小さくなるにつれて画像が変更されます。レスポンシブな画像 - 異なる画面サイズで画像のサイズを変更する
1
A
答えて
1
デザインコミュニティによって考案された方法はたくさんあります。それぞれ異なる賛否両論があります。そこには「完璧な」1(I/EAメディアクエリを使用して新しいimgタグは、しかしworking groupは、問題をadressingさ)ませんそれを行うには
馬好みの方法は、ここで説明したものです:http://headlondon.com/our-thoughts/technology/posts/creating-responsive-images-using-the-noscript-tag
あなたが持っているでしょうそれらのスクリプトを適応させるには、それは普通のhtml/jsではなく、ルビーヘルパーの宝石であるからです。
1
あなたはあなたのイメージに
img.scale-with-grid {max-width: 100%;height: auto; }
だけでユーザー「スケールとのグリッド」を見つけるだろうし、それは私がフレームワークにする方法があったことが判明少し掘削後のトリック
+0
私はimg.scale-with-grid {width:100%; height:auto; }より効果的です – Laurence
関連する問題
- 1. 異なる画面サイズの画像マッピング。
- 2. 異なる描画サイズの画像サイズ
- 3. メディアクエリで異なる画面サイズの画像を読み込む
- 4. HTMLレスポンシブの画像サイズ
- 5. 複数の画面で異なる画像サイズ
- 6. 画面サイズ/解像度に基づいて画像のサイズを変更する
- 7. スプラッシュ画面の画像サイズ
- 8. 処理中の画面サイズと画像が異なる
- 9. 解像度の異なる画面の画像サイズを理解する
- 10. React-Native:サイズ変更可能な画像付きスプラッシュ画面(ロゴ)
- 11. ギャラリー画像をサイズ変更した画像を変更する
- 12. 画像を画面に合わせてサイズを変更する
- 13. 画像サイズが異なるクリック可能な画像領域
- 14. スウィフトで異なる画面サイズのコンテンツのサイズ変更/整列
- 15. 異なる画像サイズのCSSを使用した画像ギャラリーブロック?
- 16. 複数の画面サイズに合わせて画像のサイズを変更する
- 17. 異なる画面サイズ
- 18. 画像をサイズ変更して画面に合わせるCSS
- 19. Tutsplus画像サイズ変更クラス:大きな画像のバグ?
- 20. 異なるiOSカメラの画像サイズ?
- 21. Wordpressの画像サイズが異なる
- 22. スワイパースライダー - 異なるサイズの画面に対応する画像を設定する
- 23. 画像のサイズ変更
- 24. 画像のサイズ変更サービス
- 25. iphone画像のサイズ変更
- 26. フレックスボックス - 奇妙な画像のサイズ変更
- 27. 画像のアップロードアップロード画像のサイズを変更する
- 28. 異なる画面の画像ビュー間のサイズの比率を維持する
- 29. アンドロイドで画像を回転しながら画像のサイズを変更する
- 30. サーバサイズで画像サイズを変更する
を行います私が欲しかっただけのことをしてくださいimg.scale-with-grid { \t \t最大幅:100%; \t \t身長:自動; }お返事ありがとうございます –
デバイスの解像度に合わせてイメージを再配置しますか? – mddw
これがあなたの答えなら、それを答えとして加えてそれを受け入れて、それを探している人がそれを見つけることができるようにしてください。 –