オブジェクト フィットの修正: IE と Edge でのカバーの問題
この状況では、画像の使用中に一貫した高さを維持することが意図されています。 object-fit: cover では、IE および Edge ブラウザーで問題が発生します。これらのブラウザでは、画像をズームする代わりに画像の幅が変更され、外観が歪んでしまいます。
この問題に対処するには、CSS テクニックを組み合わせて使用できます。
- 画像を中央に配置します: 絶対配置プロパティを使用して、画像をコンテナの中央に配置します。これは次のコードで実現します:
<code class="css">position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);</code>
- 画像サイズを調整します: 画像の向き (垂直または水平) に基づいて、高さを調整します。
<code class="css">// For vertical blocks (i.e., where height is greater than width) height: 100%; width: auto; // For Horizontal blocks (i.e., where width is greater than height) height: auto; width: 100%;</code>
この CSS の組み合わせにより、目的のオブジェクトフィット: カバー効果が可能になり、一貫した高さを維持しながら、IE および Edge ブラウザーで意図したとおりに画像の拡大縮小とズームが保証されます。他のブラウザでは。
以上がIE と Edge での「object-fit: cover」問題を修正する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

しばらくの間、iTunesはポッドキャストの大きな犬だったので、「ポッドキャストにサブスクライブ」をリンクした場合:

彼らが2013年にChromeに行ったとき、私たちはオペラを失いました。今年初めにChromeになったとき、Edgeと同じ取引。マイク・テイラーはこれらの変更を「減少させて」と呼びました

Trashy ClickBaitサイトから出版物の最大の8月まで、共有ボタンは長い間ウェブ全体でユビキタスでした。それでも、これらは議論の余地があります

今週のラウンドアップでは、AppleはWebコンポーネント、InstagramがどのようにInsta-Loadingスクリプトであるか、自己ホストの重要なリソースのための考えのための食べ物に入ります。

gitコマンドのドキュメントを調べていたとき、それらの多くが選択肢があることに気付きました。私は当初、これはただのものだと思っていました

難しい問題のように聞こえます。私たちはしばしば、何千もの色で製品ショットを持っていないので、withをひっくり返すことができます。私たちもそうしません

ウェブサイトにダークモードオプションがあるときが好きです。ダークモードにより、ウェブページが読みやすくなり、目がリラックスしているように感じます。を含む多くのウェブサイト

これは私が初めてHTML要素を見ていることです。私はしばらくの間それを知っていましたが、まだスピンしていませんでした。かなりクールです


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

WebStorm Mac版
便利なJavaScript開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)
