responsive-images

0熱度

1回答

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

1熱度

1回答

響應式網站圖像變得模糊iPhone（iOS）

我已經建立了響應式網站，它適用於除iOS之外的所有設備。在iOS設備上，我的背景圖像變得模糊。這裏是鏈接到我的網站。 http://www.idynxschool.com/vesco/ 你可以在iPhone上查看它，你會發現模糊的圖像。這是做視網膜準備好的圖像嗎？任何解決方案將非常感激。由於

1熱度

1回答

Safari沒有請求調整大小的srcset圖像

我想提供responsive images，因爲我使用srcset屬性。 <img src="https://res.cloudinary.com/demo/image/upload/w_480/group.jpg" alt="" srcset=" https://res.cloudinary.com/demo/image/upload/w_480/gro

0熱度

1回答

如何在前端的TYPO3中使用focusArea

與此example一樣，您可以在後端使用FocusArea。 Frontend中的結果如下所示。 <img src="..." data-focus-area="{"x":4994,"y":2809,"width":4994,"height":2809}" /> 前端需要什麼，以便該對焦區域始終可見？

0熱度

1回答

背景圖像停止響應一定的寬度

我有一個4496x3000圖像我用於背景圖像。它的響應速度達到了1190px，此時不是。我想也許創建一個媒體查詢和使用較小的圖像會有所幫助，但事實並非如此。我的代碼有什麼問題導致它停止響應？ body, html { margin: 0; padding: 0; width: 100% } .bgimg { width:

36熱度

4回答

爲什麼Flex項目的寬度和高度會影響Flex項目的渲染方式？

具有max-height樣式的柔性盒中的圖像呈現不同的呈現方式，具體取決於是否設置了其height和width屬性。該一個與屬性，設置爲圖像的真實寬度/高度，使得與保留了其縱橫比，但沒有屬性的那些尊重max-height和出現壓扁。 .flex-parent { display: flex; max-height: 10vh; } <div class="fle

0熱度

1回答

<source>媒體屬性 - 容器的寬度而不是屏幕？

我使用<picture></picture>標籤評估它在容器的大小後，響應顯示圖像一些示例代碼： <picture> <source media="(max-width: 70px)" srcset="IMAGE_URL"> <source media="(min-width: 71px) and (max-width: 170px)" srcset="IMAGE_U

1熱度

2回答

使用CSS顯示加載圖片

我目前有以下CSS代碼，我將其應用於顯示響應圖像的div元素。 .my-img-container { position: relative; &:before { display: block; content: " "; background: url("https://lorempixel.com/300/160/") n

0熱度

1回答

ckeditor 4.4響應式圖像上傳與舊圖像插件和自定義文件管理器添加srcset，尺寸屬性

我有ckeditor 4.4，舊圖像插件（不Image2），和我使用自定義filamanager上傳文件。如何將響應圖像添加到ckeditor。我的意思是，我必須將尺寸和srcset屬性自動添加到img標籤。圖像預覽也應該工作。

0熱度

1回答

CSS：自動計算元素的高度以匹配背景圖像

我希望我的網站（橫幅）的一部分是適合所有寬度和圖像的圖像以保持全寬（不是px寬度，但是以百分比表示）。我不在乎高度太低，我需要圖像始終顯示所有寬度內容和高度爲自動。我使用的是background-size: contain，它保留了圖像的整個寬度，但需要計算高度，因爲那麼容器高度將高於圖像的高度。我試過使用視口單位，但它不同的決議之間不一致（也許我做錯了，但更高分辨率的值不適用於較低的分辨率）。