問題タブ [aspect-ratio]

私はこのCSSでこの画像を持っています：

そしてマークアップ：

.containerにあるのはimgだけではないことがわかるように投稿します

したがって、動作は、画像がすべての.container寸法を使用し、画像をトリミングする必要がありますが、元の比率を維持する必要があります。画像は1600x500（3,2：1）です。

だから、どうすればこれを達成できますか？

重複の可能性:
Android の画像ボタンの縦横比を維持するにはどうすればよいですか?

レイアウトの下部近くに画像ボタンが並んでいるので、正方形のサイコロが 5 個あります。レイアウトの幅全体を占めるようにしたいのですが、幅全体を占めながら、その縦横比を適切に維持することができないようです。現在、私のコードは次のようになっています。

次のようになります。

私が含まれていない場合

次に、サイコロが歪んで次のようになります。

ただし、「60dp」の部分を残すと、タブレットデバイスまたは高解像度のものに表示しようとすると、次のようになるという問題が発生します。

どこが間違っているのですか？

最終的にアスペクト比に基づいてさまざまなスタイルを必要とするコンテンツがいくつかあります (基本的には 1 つのプラットフォームを対象としていますが、「いいと思います」として、少なくとも他のプラットフォームではコンテンツが正しく表示されるようにしたいと考えています)。Droid 2 (Android 2.2 ストック) がこれらのクエリのいずれにも応答していないことがわかりました。

スマートフォンまたは OS はアスペクト比クエリをサポートしていませんか? Droid 2 は悲しみに満ちていますか? アスペクト比のテストは、iPhone 3GS/4/4S と iPad で今のところ完璧に機能しています。または、iOS のアスペクト比が実際にデバイスのアスペクト比をサポートしていない場合、Droid 2/Nexus の解像度をテストした後、誰かがその解像度を処理するために何を提案しますか。

横向きの一部の Android デバイスは縦向きの iPad よりも幅が広く、設定された幅に基づいてデバイスが iPad として誤って識別される衝突が発生していたため、max-width の使用を避けようとしています。任意の洞察をいただければ幸いです。

たとえば、YouTubeビデオを埋め込む場合

jQueryを使用して、アスペクト比が16：9の高さを設定するので、幅が560の場合、高さは315pxになります。
私は高さを設定するためにこのjqueryを持っていますが、16：9の比率を適用する方法がわかりません

または、これはcssを使用してきれいに行うことができますか？

画像の元の縦横比を維持しようとしながら、ユーザーが画像のサイズを変更できるようにしています。

サイズ変更操作ごとに、幅と高さの変更を示す「オフセット」変数があります。これはマウスの動きに基づいているため、サイズ変更中にマウスをどれだけ動かしたかに応じて、値の任意の組み合わせになる可能性があります。

私が今行っているのは、2 つの値 (x と y の変化) のうち大きい方を取り、それを使用して同じアスペクト比で他の値を計算することです。これが私のコードです：

アスペクト比は、標準の幅/高さの値です。

私のコードの問題は、整数値を使用しているため、丸められて縦横比が歪むことです。

私がする必要があるのは、縦横比で割り切れる整数値にスナップすること、またはその目的のために何かを行うことだと思います。しかし、これらの x と y の「オフセット」値を変更してそれを行う方法がわかりません。

私はこれの公式を見つけることができないとは信じられません。SLIRというPHPスクリプトを使用して画像のサイズを変更しています。スクリプトは、トリミングのアスペクト比を指定するように要求します。ユーザーにこれらの値を入力させるフォームで指定されている画像の幅と高さに基づいてアスペクト比を取得したい。たとえば、ユーザーが1024x768の画像を入力すると、アスペクト比が取得されます。 4：3の。私の人生では、w、hを知っていることに基づいてアスペクト比の値を取得し、アスペクト比を変数にプラグインするために使用できるPHPまたはJavascriptの式の例を見つけることができません。

1024px x 768px（4：3の比率）の画面サイズを使用してクライアントの1つにswfファイルを作成しましたが、クライアントは4：3の比率を使用しているより大きな画面（TV）でビデオを再利用したいと考えています。画面サイズはかなり大きくなっています（正確なサイズはまだわかりません）。新しい画面サイズに合う画像を使用してフラッシュファイルを再作成する必要がありますか、または両方が4：3のアスペクト比を使用しているという事実は、画質が低下しないことを意味しますか？

ギャラリーウィジェットを使用して画像を表示しています。

その内側の相対的なレイアウト。誰かがこれに対して良いアスペクト比を得る方法とそれを設定する方法を教えてもらえますか？私はこのことに慣れていません。ありがとう

NIB で作成したカスタム UITableViewCell を使用するテーブル ビューがあります。このカスタム セルには、ロゴを表示するための正方形の画像ビューがあります。画像はすでにサムネイル サイズですが、サイズが異なります (正方形のものとそうでないものがあります)。

カスタムセルで UIImage を指定して、ビューモードを「アスペクトフィット」にして、アスペクト比を失うことなくすべてを正方形に表示できるようにしました。

問題は、行の高さを埋める画像を取得し続けるため、長方形の画像が正方形の画像よりも幅が広いことです。

ここで基本的なものが欠けていますか？サイズ変更とスケーリングに関する多くの投稿を検索して見ましたが、カスタム UITableViewCell の UIImageView に固有のものではありません。

1) 正しい要素 (再生中) を必要な場所に移動できない (ニュースに合わせて)

2) (再生中) 要素の縦横比は、誰かがズームインまたはズームアウトするとめちゃくちゃになります。これを維持するにはどうすればよいですか?

コードは次のとおりです。

HTML: http://pastebin.com/qiGPzpAk CSS: http://pastebin.com/T8e8pXjv

何か案は？ありがとう！