srcset

0熱度

3回答

將data-src屬性複製到img src當data-src位於上面的div中使用數組應用到多個img時

我試圖使用的當前腳本（圖像延遲）想要查找data-src屬性img元素。我的data-src不在該元素中，而是位於它所包含的div中。我需要更改腳本，以便它在每個img元素上方的div中查找data-src。最後的圖片D工作，因爲它在img元素中有data-src。（以供參考）。 function init() { var imgDefer = document.getElemen

0熱度

1回答

響應圖像srcset不表現爲預期

我試圖實現與下面的寬鬆要求 0-600px>顯示小圖像的full screen responsive image solution 601-900px>顯示 901-2000px>顯示大中型圖像圖像位挖掘之後，我決定與尺寸爲工作： iphone 6> 414x736 的ipad> 768×1024 我創建單獨的圖像，每個屏幕尺寸（藝術指導目的），並用於下面的srcset代碼 <img src="

0熱度

1回答

使用<picture>和<srcset>作爲使用媒體查詢的可點擊圖片

我需要能夠將其作爲鏈接並使後續鏈接頁面根據屏幕大小顯示正確的圖片文件。在我添加href之前，html正在努力選擇正確的圖像。有什麼方法可以完成我正在尋找的東西？ <picture class="imagesVerticalGallery">  <a href="http://sofialeiby.com/update/img/abc/1abcinstall_1

0熱度

1回答

HTML特徵檢測和通用反應

我們有一個通用的React應用程序，位於CDN後面。我們想要從服務器上提供帶有srcset圖片的HTML，但需要處理IE不支持此HTML功能，理想情況下使用功能檢測的事實。由於網站是由CDN提供的，因此IE將獲得與其他瀏覽器相同的初始HTML。當頁面在瀏覽器中加載時，我們想要將這些srcset圖像標籤替換爲一些不同的HTML，但這意味着React會抱怨客戶端HTML和已經呈現的服務器端HTML

0熱度

1回答

響應式圖像分辨率iPhone vs iPad

我想使用srcset爲iPhone和iPad提供2張圖像，但2x描述符適用於兩者，圖像應該不同。在這兩個設備上，圖像是全寬。但是在iPhone上，320瓦特的2x是640瓦特，在1024×1024的iPad Pro 2x上是2048瓦特。我怎麼能區分兩者？

0熱度

1回答

帶有srcset和延遲加載的全寬響應背景圖像

我正在製作一個網站，該網站上有一系列「英雄」面板沿着大型背景圖像上覆蓋有文本的主頁。理想我想使用內嵌圖像與srcset和sizes這樣瀏覽器就可以選擇最合適的基於圖像的屏幕尺寸，而不僅僅是最大的圖像重擊作爲background-image，然後比例縮小爲更小的屏幕。到目前爲止，我的標記看起來像： <img src="data:image/gif;base64,R0lGODlhAQAB

1熱度

2回答

如何從Webpack中加載<picture>的srcset屬性的圖像？

我開始使用標籤在我的WebPack的應用程序，發現目前的設置是不與srcset引用的圖片工作： <picture> <source srcset="img/goal-2.jpg" media="(min-width: 675px)"> <img src="../img/goal-2-s.jpg"> </picture> 目標-2- s.jpg正確解決，並複製到我的build文件夾，而go

0熱度

1回答

響應式圖像編碼器忽略div寬度以顯示比Firefox中的必要更大的圖像

剛開始使用img srcset。我很努力地理解在由div指定的一定寬度內顯示圖像的行爲。儘管CSS寬度設置爲1664px，並且1680像素圖像可用，但它使用的是3200像素版本。屏幕分辨率設置爲1920 x 1200.該代碼似乎忽略了CSS並使用瀏覽器寬度（1920px）。在下面的代碼中是否有任何明顯的錯誤可能導致這種情況，或者這是srcset的工作方式？ <div style="width:

0熱度

1回答

HTTP/2和響應圖像

我目前正在試驗http/2和服務器推送規則。實現js和css文件的推送規則非常容易，但似乎無法有效地使用響應圖像的推送功能，如圖片標記和/或srcset屬性。當然，我可以將每個版本的圖像都推送給客戶端，但這會造成交通災難，特別是在流量有限的移動設備上。據我所知，瀏覽器獲得的每個文件推的承諾。當文件已被緩存時，諾言用於中斷推送。我希望這種說法是正確的。有沒有辦法告訴瀏覽器，使得圖像僅僅是一個特

0熱度

1回答

無法獲得srcset加載正確的圖像

我使用的HTML以下&（使用響應開發工具時），150×150的圖像總是被加載使用Chrome，但無論是瀏覽器的寬度測試。如果我正確理解它，我認爲當瀏覽器寬度小於150像素時，它會加載60x60圖像？ <a href="/"> <img src="https://dummyimage.com/60x60/000/fff" sizes="100vw" srcset="ht