responsive-images

1熱

1答えて

`background-size：contains;`のような応答サイズのアイコンのスプライト

私はたくさんのアイコンを持つアプリを持っています。私はこれらのアイコンのスプライトを使用することは、複数の小さな画像を持つ代わりに正しい方法であることを知っています。しかし、私はコンテナ（background-size: contain;）と同じサイズになるようにこれらのアイコンを必要とするので、私は、各アイコンのために複数の画像を使用することを余儀なくされた。： .icon1 { b

-1熱

1答えて

Wordpressの高度なカスタムフィールド応答イメージWordpressの高度なカスタムフィールドを作成する方法

はちょうどポストの中のような応答画像を返しますか？私は、「画像のURL」欄について話している - もちろんそれだけでURLを返します。どうやってレスポンシブ・イメージHTMLタグを作成できますか？私はsrcsetを経由して別の画像ファイルのサイズと解像度について話していた：https://make.wordpress.org/core/2015/11/10/responsive-images

0熱

1答えて

マテリアライズ対応する画像は、私がマテリアライズ中にカードを持っているカード

には適用しない： <div class="row"> <div class="col s12 m7"> <div class="card large"> <div class="card-image"> <img class="responsive-img" src="img/xv-chars.png"> </div> <di

0熱

1答えて

Wordpressの異なる画像サイズの私のテーマで

フォルダ構造は次のようになります。のwp-コンテンツ/テーマ/テーマ/ パーシャル/ コンテンツヒーロー.php get_template_part('partials/content, 'hero')を使用してテンプレート部分を含める。 wp_calculate_image_sizesフィルタをfunctions.phpに使用していますが、カスタムサイズのプロパティを画像に追加しています。どの

0熱

1答えて

Srcsetが動作しませんが、altタグのメッセージが表示されます

私は新しいウェブサイトを構築していますが、srcsetを使用して現在のビューポートに最適な画像をブラウザに表示させたいとします。何が起こるかは、ブラウザがaltタグのテキスト "test"を表示するだけです。私がF12開発ツールを介してsrcset属性を完全に削除した場合、イメージは正常に表示されます。私の例のすべての画像が存在し、ブラウザに表示されます：ここに私の画像タグはありますか？ <

0熱

2答えて

ブートストラップレスポンスイメージが親の高さにフィットし、全幅が伸びる

私はある高さ（例えば600px）の行を持っていて、この行にimg（サイズ1920x1080）をフィットさせたいと思います。高さを超えている。つまり、画像の高さの600pxのみを表示する必要があります（残りは切り捨て、隠しなどが可能です）。また、行の幅に対応した状態を維持する必要があります。説明するために、赤、国境内の一部のみが表示される必要があります。を私が午前問題は「IMG-流体」は常にコン

0熱

2答えて

CSSグリッドレイアウトでレスポンシブ画像を利用するには

新しいCSSグリッドレイアウトで作業していましたが、私は多くの情報を見つけることができないようです。私はメディアクエリを使用して、画像の幅を100％に設定しようとしましたが、画像はまだグリッドの外側にあふれています。私は何が欠けていますか？

0熱

1答えて

Wordpressの反応画像が正しい画像や向きを選択していない

Wordpressでカスタム画像サイズを作成し、レスポンシブ画像プラグインで使用するようにしました。デフォルトでwordpressがインストールされています。私が追加した画像のサイズは以下のとおりです。 add_image_size('portrait-case-study-xl', 1010, 1514, true); add_image_size('portrait-case-study-l

6熱

1答えて

Wordpressレスポンシブル画像 - 網膜スクリーンで間違った画像を選択する

私はビルド中のこのウェブサイトで反応性の高い画像を扱おうと努力してきましたが、うまくいくと思ったとき、私はiPadの網膜それは間違った画像を選択しています。サイズが間違っているだけでなく、縦長ではなく横長でも表示されます。なぜ私はそれが何をしているのかわからない私はすべての異なる画面サイズのカスタムイメージサイズを作成し、XL版も網膜画面で使用するために作成しました。ここには、srcsetとサイ

0熱

1答えて

応答<picture>代替画像

私は<picture>要素を使用して、モバイル用に1、min-width: 768pxに1、フォールバックとしてIE用に1つの異なる画像を提供しようとしています。 <picture> <source class="article-bg-image" media="(min-width: 768px)" srcset="tablet-desktop.jpg" alt="Text" titl