picturefill

0熱

1答えて

私はpolyfill picturefillを使用して、imgアトリビュートsrcsetとsizesのサポートをIEなどのブラウザに追加しています。このpolyfillは、アセットパイプラインのjavascriptをレールにプリコンパイルするときには機能しません。それはパイプラインから除外し、<body>タグの最後にそれを含めると（画像塗りつぶし）、機能します。私の推測では、ページが完全に読み

15熱

2答えて

Firefoxで「画像が壊れているか切り詰められていますか」を検出します

（先制攻撃：これを重複としてマークしたい場合は、「なぜこのエラーが発生するのですか？このエラーが発生しましたJavaScriptコードのエラーをどのように検出できるのかを知りたいのですが、Firebugコンソールにしか表示されず、画像がロードされたときにユーザーには明らかです） I応答性の高い画像にはpicturefillを使用しています。私は画像上のloadイベントのために起動されるコールバック

0熱

1答えて

の問題<picture>の要素ヒーローイメージレンダリングの問題<header>イントロテキストボックス

私のポートフォリオWebサイトを更新しています。私はレスポンシブなアートディレクションをするために、要素を使用するために私の履歴書にイントロヒーローイメージを切り替えています。私は、テキストボックスが半分、このような種類の画像を重ね合わ持っ：これは私の最初の時間がやっている：ボックスの背景は絵の下にレンダリングされたいくつかの理由応答のあるsrcsetとpicture要素を持つもの。これは、

1熱

1答えて

IE11のVue.jsでの画像埋め込み

IE11では、PicturefillライブラリはVue.jsで動作しません。私はVue.config.ignoredElements = ['picture']を使用して警告を削除することができますが、それは問題を解決していないようだ [Vue warn]: Unknown custom element: <picture> - did you register the component cor

0熱

1答えて

ウィンドウサイズに基づいてimgを変更する

私はVS2015サイトに、デスクトップ上で作成したより水平なイメージと、モバイルデバイス上でより垂直なイメージを表示させたいと考えています。私はサイジングの歪みを避けるために2つの別々の切り抜かれた画像を持っています。私は隠して表示するメディアクエリでCSSを使用しようとしましたが、それは常に両方の画像（ページ上でサイズ変更のための他のメディアクエリは正常に動作します）を示した。私は絵タグ試してみ

2熱

1答えて

lazysizeのPicturefillとlazyloading

lazysizeとpicturefillを使用してlazyloadingを取得しようとしています。私は基本的な画像を使用する場合遅延読み込み自体は動作します：私はクロームでネットワークタブを確認した場合 <img class=lazyload data-srcset="http://placehold.it/301x301"> が、私はイメージが赤い線の後にロードされたことがわかりますので、