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;} が使用されています。
追加しますか?
画像が表示されました:事前にブロックしてください。 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 の使用方法を知っています。 。モバイル版を使用したばかりです、アドバイスありがとうございます
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
