私のサイトのフレームワークで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. 処理中の画面サイズと画像が異なる
- 5. スプラッシュ画面の画像サイズ
- 6. 画像を画面に合わせてサイズを変更する
- 7. 複数の画面サイズに合わせて画像のサイズを変更する
- 8. 画像をサイズ変更して画面に合わせるCSS
- 9. Tutsplus画像サイズ変更クラス:大きな画像のバグ?
- 10. Wordpressの画像サイズが異なる
- 11. 異なるiOSカメラの画像サイズ?
- 12. 画像のサイズ変更サービス
- 13. iphone画像のサイズ変更
- 14. 画像のサイズ変更
- 15. 異なる画面の画像ビュー間のサイズの比率を維持する
- 16. 異なるデスクトップとモバイルビューの画像のサイズ変更
- 17. アンドロイドで画像を回転しながら画像のサイズを変更する
- 18. 画像のサイズを変更するGWT画像クリックハンドラー
- 19. 画像のサイズを変更してアップロードする画像アップロードウィジェット
- 20. JavaMEサイズ変更画像
- 21. アップロード画像、トリミング、サイズ変更
- 22. 画像のサイズを変更する
- 23. マゼンタギャラリー画像のサイズを変更する
- 24. 画像をドロップ、トリミング、サイズ変更する
- 25. 異なる画面解像度で自動的にUIサイズのサイズを変更する
- 26. 固定サイズのコンテナ内で異なる画像サイズ
- 27. Javaのアンドロイド - 異なる画面サイズの画像の背景にフィットアイテム
- 28. Android:背景画像/異なる画面用の画像ビュー
- 29. パワーポイント2007で画像のサイズを変更
- 30. ビットマップで画像をxmlでサイズ変更
を行います私が欲しかっただけのことをしてくださいimg.scale-with-grid { \t \t最大幅:100%; \t \t身長:自動; }お返事ありがとうございます –
デバイスの解像度に合わせてイメージを再配置しますか? – mddw
これがあなたの答えなら、それを答えとして加えてそれを受け入れて、それを探している人がそれを見つけることができるようにしてください。 –