object-fit

0熱

1答えて

私は、画面の約75％を占めるビューポートを持っており、object-fit: contain cssを使用してさまざまなアスペクト比の単一画像に収まります。画像の上には、ファイル名&タイプのテキストラベルがあります。私はこれらを画像の左端から開始し、右端から終わりにしておきたいと思います。私は<img>タグに合わせることでこれを簡単に行うことができました。 object-fit: containを

1熱

1答えて

オブジェクトにフィットしてオブジェクトに画像が埋め込まれていない画像

私は、背の高さよりも広いバナー画像を持っています。私は異なるサイズの画像を表示するコンテナdivを持っています。バナースタイルでは、ストレッチやスカッシュして親divを両方向に塗りつぶす必要があります。私はobject-fit:fillを見てきましたが、画像を水平に伸ばしているように見えます。divを垂直方向に塗りつぶすことについては何もしません。実例はhereです。コードは次のようになります。

-1熱

1答えて

フレックススライダーでのオブジェクトフィットのためのフォールバックソリューション

フレックススライダー（固定高さ500px）を使用していますが、500px以上の高さを持っていてもイメージをうまく表示できるように少し修正しました。したがって、私は追加しましたオブジェクトフィット：カバー; object-position：center; とimg-TagのCSS。ただし、これはサポートされていないため、画像はInternet Explorerで非常に醜い方法で引き伸ばされます。

0熱

1答えて

Javascript/JqueryのObject-fit：fillを作成できますか？

私はビデオにobject-fitを使用しています。私は、IEや他のいくつかのブラウザで動作していないことがわかりました。 Object-fitのようなものを作成することは可能ですか？fillはJavascript/Jqueryで動作しますか？