問題タブ [stretching]

私は、本当にシンプルであるべきだと感じているもののほとんどの解決策を見つけ続けていますが、それを理解することはできません. (注 - 私は現在、CSS を学習するための非常に初歩的な段階にいます)

ページに配置する画像が 1 つあります。中央の水平/垂直。divウィンドウの高さと幅の 80% のコンテナー内。div高さまたは幅のいずれか小さい方に基づいて、画像を引き伸ばしてその幅を埋めたいと思います。

これはほとんどの人にとって簡単なことだと思いますが、繰り返しになりますが、私はただ学んでいます。これに関する方向性は素晴らしいでしょう。

説明が不十分な場合に備えて、図を作成しました。

私はこのようなイメージを持っています: . iPadでは、これらのコードで配置すると:

iPad では、次のように表示されます。

iPhoneでは、問題なく動作します。

iPhone のコードは次のようになります。

繰り返しを避けるには？resizableImageWithCapInsets を使用する必要がありますか?

いくつかのガイダンスと提案が必要..

ビューを圧縮またはストレッチせずに ScaleAnimation でアニメーション化することは可能ですか?

または、AlphaAnimation を下から上に使用して非表示にしますか?

ビューの内容を圧縮せずにビューを小さくしたい。

ありがとう

UIView サブクラスがあります。この特定の目的のために邪魔したくない多くの複雑なコードに基づいていくつかのものを描画しています。

ビューに特定の変更を加えるために、非推奨になった contentStretch プロパティを使用しています。Apple のドキュメントでは、画像ベースのコンテンツの置き換えが提案されています -- ここを参照してください: UIView の contentStretch の置き換え? . しかし、コンテンツが画像ベースでない場合にどうするかという問題については沈黙しています。

助言がありますか？ある特定のケースでは、アニメーション用です。

問題: テーブル行内でテーブルを幅/高さ 100% に拡大しても、IE では機能しません。どうして？！

コードは次のとおりです（http://jsfiddle.net/GBsay/2/）：

html:

CSS:

このコードは、IE (7、8、9、10) を除くすべてのブラウザーで機能します。CSSのみを使用してこれを修正する方法を知っている人はいますか?

このプラグインで画像が伸びないようにする方法をいくつか試しました。

この

私もこのjavascriptを試しました（idk jsなので、間違っている可能性があります。別のフォーラムから入手しました）

親指は、ビジネス ディレクトリと呼ばれる Wordpress プラグインによって、ディレクトリ リストの抜粋ページに配置されます。リストのメイン画像を任意のサイズに設定する設定があります (300px を設定しました) が、同じ画像が抜粋のサムネイルとして使用され、同じサイズで表示されるため、大きすぎます。抜粋ページ用。したがって、抜粋のサム サイズを 150x150 に制限する CSS があります。完全なリストでは画像は歪んでいませんが、抜粋のサムでは歪んでいます。

http://www.nextinthewest.comで見ることができます。

画像の高さが幅よりも大きい場合は、150 ピクセルの幅に合わせて画像を拡大します。幅が高さよりも広い場合は、幅を狭くしますが、高さ 150 ピクセルを埋めるのに十分な高さに引き伸ばすことはありません。

間違ったセレクターを使用している可能性もありますが、いくつか試しました。

プラグインがブラウザに高さと幅が 300 ピクセルであることを伝えている可能性があります。

さまざまな画面の解像度をサポートするという点で読むべきことはすべて読みました。また、表示される画像の適切なバリエーションを適切なフォルダーに提供しました。しかし、私は何かに戸惑っています。ImageView のドキュメントによると、android:layout_width と android:layout_height を "fill_parent"/"match_parent" に設定すると、画像が画面いっぱいに引き伸ばされます。（すべての画面密度が同じサイズ/ピクセル数の画面を提供するわけではなく、余分な数ピクセルが画面の下部にパディングされることを望まないため、これが必要なようです）これはいつでも機能するようですが、機能していません私にとっては、ImageView が Horizo​​ntalscrollview 内に配置され、画像の幅が画面の幅よりも長い場合です。

以下の私のコード: (アクティビティは私のマニフェストで横向きに設定されています)

編集: :src を :background に置き換えましたが、効果はありませんでした。

これは、タブレットなどのデバイスで得られる効果です。理想的には、典型的な 480x800 解像度の携帯電話などで、画像が画面全体に表示されるようにしたいと考えています。

高さ 120 ピクセルのヘッダー、高さ 120 ピクセルのフッター、および最小高さ 600 ピクセルのメイン コンテンツを含む Web ページが必要ですが、ブラウザが高さ 840 ピクセルを超えて垂直方向に引き伸ばされた場合 (またはユーザーが「コントロール マイナス」でズームアウトした場合) " Firefox の場合)、ヘッダーとフッターのスペースを除いたすべての使用可能なスペースを埋めるために、本文を縦に伸ばします。

これが私が試したものです：

これはCSSです：

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

私が求めている効果を達成する正しい方法は何ですか。

ありがとう。