2012-05-02 31 views
1

私のサイトのフレームワークでhttp://www.getskeleton.com/を使用しています。たとえば、画像をさまざまな画面サイズでサイズ変更したいとします。 iPhone。誰もがこれを行う最も簡単な方法を知っていますか?私はGoogleの検索を行って、どれが最良かを知るにはあまりにも多くのオプションが与えられています。後は、画面が小さくなるにつれて、画像が小さくなるにつれて画像が変更されます。レスポンシブな画像 - 異なる画面サイズで画像のサイズを変更する

答えて

1

デザインコミュニティによって考案された方法はたくさんあります。それぞれ異なる賛否両論があります。そこには「完璧な」1(I/EAメディアクエリを使用して新しいimgタグは、しかしworking groupは、問題をadressingさ)ませんそれを行うには

馬好みの方法は、ここで説明したものです:http://headlondon.com/our-thoughts/technology/posts/creating-responsive-images-using-the-noscript-tag

あなたが持っているでしょうそれらのスクリプトを適応させるには、それは普通のhtml/jsではなく、ルビーヘルパーの宝石であるからです。

+0

を行います私が欲しかっただけのことをしてくださいimg.scale-with-grid { \t \t最大幅:100%; \t \t身長:自動; }お返事ありがとうございます –

+0

デバイスの解像度に合わせてイメージを再配置しますか? – mddw

+0

これがあなたの答えなら、それを答えとして加えてそれを受け入れて、それを探している人がそれを見つけることができるようにしてください。 –

1

あなたはあなたのイメージに

img.scale-with-grid {max-width: 100%;height: auto; } 

だけでユーザー「スケールとのグリッド」を見つけるだろうし、それは私がフレームワークにする方法があったことが判明少し掘削後のトリック

+0

私はimg.scale-with-grid {width:100%; height:auto; }より効果的です – Laurence

関連する問題