iPhone が max-width: 100% に対応していないのはなぜですか?
P粉806834059
P粉806834059 2023-09-02 17:24:50
0
2
550

私の Web ブラウザでは、zip 形式で圧縮されており、Android スマートフォンでは 100% 完璧に動作します。しかしiPhoneではそうではありません。

画像の場合、通常は max-width: 100%; を使用し、必要に応じて width: 100%; または img-sensitive を使用します。画像の幅が 600 ピクセルより大きいため、より大きなデバイスで制御するために幅を 600 ピクセルに設定しました。

<図クラス="イメージ">

CSS:

.section20 .image, .section20 img { 幅: 600px !重要; 最大幅: 100% !重要; }

!重要を追加してもしなくても違いはありません。書式設定エディタは CKEditor 5 です。コード内のクラスの処理方法は非常に厳密です。コード ビューでカスタム クラスを追加すると、書式設定されたエディター ビューに戻ったときに Figure からそのクラスが削除されます。

カスタムクラスは削除されます。

P粉806834059
P粉806834059

全員に返信 (2)
P粉145543872

幅と高さをハードコーディングしないでください。 rem または vw/vh を使用します (推奨)。

リーリー

は、この要素の高さがビューポートの高さの 100% に等しいことを意味します。

いいねを押す+0
    P粉604507867

    セレクターを確認してください。

    .section20 .imageを使用してimgラッパーを指定して、600pxのままにし、max-width: 100%;# で変更しません。 # # サイズ変更中。

    代わりに

    .image imgを使用してください。

    リーリー リーリー
    いいねを押す+0
      最新のダウンロード
      詳細>
      ウェブエフェクト
      公式サイト
      サイト素材
      フロントエンドテンプレート
      私たちについて 免責事項 Sitemap
      PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!