Android では、同じスタイルと同じパーセンテージを使用して画像の高さを制御できます。iOS ではなぜそれができないのですか? _html/css_WEB-ITnose

imgにはあらかじめdisplay:blockが入っています。 pxコントロールを使用すると、AndroidとiOSの両方が正常になります。パーセンテージを使用すると、Android は通常、iOS は変形され、親 div が拡大されます。 img の高さを削除しました。img の高さは、Android と iOS の両方で利用できる親 div に適応します。
誰かこれがなぜなのか教えてもらえますか？ ?

ディスカッションに返信 (解決策)

.img-sensitive { display: block; max-width: 100%; height: auto; }

これでも問題が発生しますか?それをコピーして試してみてください。

.img-sensitive { display: block; max-width: 100%; height: auto; }

これでも問題は発生しますか?それをコピーして試してみてください。

高さを適応させますか?それはうまくいきません、試してみました。

モバイルデバイスを使用しているため、ストレッチと変形を処理するために div を使用して背景画像を設定します

モバイルデバイスを使用しているため

、div を使用して背景画像を設定し、伸縮と変形

画像の高さの問題を削除します。パーセンテージを使用すると、削除した親 div の高さに自動的に適応します。

私が一番知りたいのは、なぜパーセンテージを使用して高さを制御できないのかということです。iOSではまったく不可能であり、pxはどこでも使用できます。
----------------------------------------------- -------------------------------------------------- - ----

.img-sensitive { 表示: ブロック; 最大幅: 100%; 高さ: 自動; }

このままではまだ問題が発生しますか？それをコピーして試してみてください。


高さを適応させますか?それはうまくいきません、試してみました。

これは実現可能です、幅は適応可能です!必要なモジュールを超えて高さを動的に調整します。応答性" src=...
これでも問題が発生しますか?それをコピーして試してみてください。

高さを適応させますか?それはうまくいきません、試してみました。

これは実現可能です、幅は適応可能です!必要なモジュールを超えた場合、高さは動的に調整されます。 overflow:hidden;

超えていない場合、高さはまったくありません。 。 。 *{overflow: hidden;} が使用されています。
追加しますか?

max-width:100%;

画像が表示されました:事前にブロックしてください。 pxコントロールを使用すると、AndroidとiOSの両方が正常になります。パーセンテージを使用すると、Android は通常、iOS は変形され、親 div が拡大されます。 img の高さを削除しました。img の高さは、Android と iOS の両方で利用できる親 div に適応します。
誰かこれがなぜなのか教えてもらえますか？ ?

問題のあるコードを直接投稿してください

.img-sensitive { display: block; max-width: 100%; height: auto }

これでも問題は発生しますか?それをコピーして試してみてください。

高さを適応させますか?それはうまくいきません、試してみました。

これは実現可能です、幅は適応可能です!必要なモジュールを超えた場合、高さは動的に調整されます。 overflow:hidden;

超えていない場合、高さはまったくありません。 。 。 *{overflow: hidden;} が使用されています。
追加しますか?

*{overflow: hidden;} この種のコードを考慮すると、元の投稿者は Web 分野についてほとんど理解していないと思います。
そこで、私が作成した小さなデモに直接アクセスします。
http://qianjia.com/demo/co.special
Firefox でブラウザのサイズを調整してから、firebug を使用してコードを確認できます。
いくら言っても役に立ちません。投稿者は w3school の基礎知識を理解した上で、よりフロントエンドの知識に手を付けることをお勧めします。

.img-sensitive { 表示: ブロック; 最大幅: 100%; 高さ: 自動; }

これでもまだ問題が発生しますか?それをコピーして試してみてください。

高さを適応させますか?それはうまくいきません、試してみました。

これは実現可能です、幅は適応可能です!必要なモジュールを超えた場合、高さは動的に調整されます。 overflow:hidden;

超えていない場合、高さはまったくありません。 。 。 *{overflow: hidden;} が使用されています。 追加しますか?


*{overflow: hidden;} この種のコードを考慮すると、元の投稿者は Web 分野についてほとんど理解していないと思います。
そこで、私が作成した小さなデモに直接アクセスします。
http://qianjia.com/demo/co.special
Firefox でブラウザのサイズを調整してから、firebug を使用してコードを確認できます。
いくら言っても役に立ちません。投稿者は w3school の基礎知識を理解した上で、よりフロントエンドの知識に手を付けることをお勧めします。



モバイル版の場合、会社は Web ページの開発に myeclipse を使用していますが、調整することはできません
もう一つ質問があります

私は現在、モバイル Web 開発に jquery mobile を使用しています。私が今確認できる情報は W3C と Baidu からのさまざまな断片だけです。勉強できる体系的な情報はありますか?

これでも問題が発生しますか?それをコピーして試してみてください。

高さを適応させますか?それはうまくいきません、試してみました。

これは実現可能です、幅は適応可能です!必要なモジュールを超えた場合、高さは動的に調整されます。 overflow:hidden;

超えていない場合、高さはまったくありません。 。 。 *{overflow: hidden;} が使用されています。
追加しますか?

*{overflow: hidden;} この種のコードを考慮すると、元の投稿者は Web 分野についてほとんど理解していないと思います。
そこで、私が作成した小さなデモに直接アクセスします。 http://qianjia.com/demo/co.special
Firefox でブラウザのサイズを調整してから、firebug を使用してコードを確認できます。
いくら言っても役に立ちません。投稿者は w3school の基礎知識を理解した上で、よりフロントエンドの知識に手を付けることをお勧めします。

携帯電話の場合、同社は Web ページの開発に myeclipse を使用していますが、調整することはできません


最も基本的な Web 開発およびテスト ツールです
携帯電話の場合は、これをお勧めします。使用: chrome + プラグイン レスポンシブ Web デザイン テスター、

.img-sensitive { 表示: ブロック; 100%; 高さ: 自動; }

これでも問題は発生しますか?それをコピーして試してみてください。

高さを適応させますか?それはうまくいきません、試してみました。

これは実現可能です、幅は適応可能です!必要なモジュールを超えた場合、高さは動的に調整されます。 overflow:hidden;

超えていない場合、高さはまったくありません。 。 。 *{overflow: hidden;} が使用されています。
追加しますか?

*{overflow: hidden;} この種のコードを考慮すると、元の投稿者は Web 分野についてほとんど理解していないと思います。
そこで、私が作成した小さなデモに直接アクセスします。 http://qianjia.com/demo/co.special
Firefox でブラウザのサイズを調整してから、firebug を使用してコードを確認できます。
いくら言っても役に立ちません。投稿者は w3school の基礎知識を理解した上で、よりフロントエンドの知識に手を付けることをお勧めします。

モバイル版の場合、同社は Web ページの開発に myeclipse を使用しているため、調整できません


firefox firebug は最も基本的な Web 開発およびテスト ツールです
携帯電話の場合は、Chrome + プラグイン レスポンシブ Web デザイン テスターを使用することをお勧めします



firebug の使用方法を知っています。 。モバイル版を使用したばかりです、アドバイスありがとうございます