問題タブ [aspect-ratio]

これは私のロゴ css で、高さと幅を x% に変更すると、ロゴ画像の下部と右側が切り取られます。縦横比を維持しながらブラウザの幅の 5% に収まるようにロゴのスタイルを設定するにはどうすればよいですか? ありがとう

編集：あなたのすべての答えとコメントをありがとう。それについて考えた後、私は質問の核心を「私のゲームが実行できる最小の解像度/比率を決定して制限する方法」に言い換えます。imoは、最小の画面/比率（詳細の欠如）でゲームをプレイできなくなるか、最小の画面/比率でさえサポートすると、他のすべてのエクスペリエンスが大幅に低下するためです。その上、最小の解像度が何であるかさえ知らないか、ldpiを無効にする以外の方法でそれを制限することができます...それでも最小のmdpiについては教えてくれません。結局のところ、私は良い結果を作成する方法についてではなく、完璧な結果を作成する方法について考えています;）。それは不可能だと思います（まだ？）。

注：これは純粋にタブレットではなく電話に関するものです。また、この質問は、Androidレイアウトシステムを使用しないゲームの場合とは異なり、アプリケーションにはあまり関係ありません。

私はいつも、どの決議がやや曖昧であると期待するかの定義を見つけました。ドキュメントのリストを知っています。

さて、私の最初の質問は、このリストが完全であるかどうか、言い換えれば、メーカーが他の解像度またはアスペクト比を使用することを許可されているかどうかです。私の現在のアプローチは、このリストをアスペクト比の観点から表示することです（正確かどうかはわかりませんが、アイデアは得られます）。

• ldpi：最小アスペクト比4：3
• mdpi：最小アスペクト比3：2
• hdpi：最大アスペクト比16：9

したがって、さまざまなデバイスをカバーしたい場合は、最小および最大のアスペクト比を把握し、自動的に最大に成長するようにしながら、最小のレイアウトを設計します。たとえば、すべての密度をサポートしたい場合は、4：3の画面を設計し、16：9に拡大します。ldpiサポートを削除した場合、3：2用に設計します。もちろん、これは、アスペクト比が4：3のmdpiデバイスが存在しないことを前提としているため、最初の質問に戻ります。

私の好ましい解決策は、Androidマーケットで、アプリケーションが処理できるアスペクト比を示すことですが、これは今のところ不可能と思われます。

誰かがより良いアプローチを持っていますか？（電話でのゲームのみを対象としていることに注意してください）

幅が 100% のキャンバスがあります。高さ: 100%。フルスクリーンで、その上に画像を描きます。ブラウザのサイズを変更するときに、画像の元の縦横比を維持したいと思います。http://pastebin.com/pFEQJsvMを実行した場合と同じ効果が欲しいです。どうすればそれを達成できますか？

ここに私のjavscriptコードがあります: http://pastebin.com/U5VpzfbZ

ご協力ありがとうございました！

画像の縦横比を維持する画像に FocusRect を描画できるようにしたいと考えています。私の問題は、FocusRect がマウスの y 座標のみに依存することです。長方形を両方のマウス座標に依存させる方法がわかりません...これは私のコードです：

誰か助けてくれませんか？

ヘンリー

オープン グラフのドキュメントによると、画像の最大縦横比は 3:1 です。私が理解しているアスペクト比は、幅と高さです。したがって、3:1 の要件を考えると、画像の幅は高さの 3 倍まで可能です。

しかし、これは画像の高さに制限を設定していないようですか? 最小アスペクト要件もありますか? そうしないと、たとえば、幅が 50px で高さが 500px の画像を作成できますか?

ありがとう

私は次のCSSを持っています：

これはこのHTMLに対応します。

その結果、この混乱が発生します。

css3 background-sizeを使用する場合：175px 160px; アスペクト比が実際に台無しになり、次のような混乱が発生します。

divに合わせて画像を引き伸ばす方法はありますか？しかし、アスペクト比が維持される方法では？オートクロップが欲しいです。

特定の係数で縦横比 (の形式) を計算するにはどうすればよいinteger:integerですか?

たとえば、アスペクト比 16:9 の係数は 1.778 です。これは、16 / 9 = 1.778 であるためです。しかし、どうすればその係数で比率を見つけることができますか? そう

戻るべき

そうでない場合は、最も人気のある Android フォンとタブレットの画面解像度のリストはありますか。

アスペクト比を維持して画像のサイズを変更するための多くの投稿を見ました。これらの関数は、サイズ変更中に RECT の固定ポイント (幅と高さ) を使用します。しかし、私のプロジェクトでは、幅だけに基づいてビューのサイズを変更する必要があり、高さはアスペクト比に基づいて自動的に取得する必要があります。誰でも私がこれを達成するのを手伝ってくれます。

iPhoneアプリが対話するためのWebサービスを作成しています。

クライアントが画像をサーバー側にアップロードするときに、アスペクト比を維持しながらphpスクリプトで画像のサイズを変更して、iPhoneの画面に収まるようにします。（つまり、最長の辺は<= 960で、最短の辺は<=640です。

JSでモックアップを作成しました。これは、すばやく作成する方が簡単だからです。

私は間違っているかもしれませんが、これが最も効率的な方法ではないと確信しています。誰かがより良いロジック（特に最初のビット）、またはこれにアプローチするより数学的な方法で私を修正できますか？