picturefill

0熱度

1回答

我在一大組圖像中有一些圖像具有圍繞圖像本身的白色（或黑色）邊框。我怎麼能...... 裁剪圖像的大小，而不說的背景/邊框調整圖像的大小，以填補中心給定的輸出尺寸。例如，我有一個尺寸爲1280x1024px的上傳圖片，它有一個白色（或黑色）邊框，其內部尺寸爲800x700（可能不居中），我想裁剪出邊框，然後調整大小以填充640x480輸出。這將有效地拍攝內部圖像，然後填充640x480，有效地從

0熱度

1回答

img srcset + sizes對於響應的圖片填充

我有一個12列布局的網站，我試圖找出正確使用srcset和sizes屬性來匹配我的設計。我有一個橫跨桌面的3列的sidebox，但在平板電腦和手機尺寸跨越12列（100％寬度）。我想要的是在桌面版本中使用的圖像，也用於移動（最大寬度爲480px），以及特定的平板大小的圖像用於481px和781px之間的所有內容。這是我的代碼： <img src="http://placehold.

2熱度

2回答

最初不會在IE11中顯示的ng-srcset圖像

頁面加載時沒有任何圖像顯示在IE11上，而是在我們間歇性地調整瀏覽器大小（1/3加載）時相應刷新它們。我們無法將其與任何其他瀏覽器複製。 srcset可以自動使用靜態內容。 Here is a Plunker example它不工作在IE11。或快速和容易的，我們正在使用的實際IMG HTML： <img data-ng-srcset="{{::image.url}}, {{::image.ur

3熱度

1回答

picturefill.js不能正確提供視網膜圖像

如何使用picturefill提供視網膜圖像？目前我正在使用picturefill.js的第二個版本，它用作polyfill。我的HTML代碼： <img src="http://placehold.it/300x150" srcset="http://placehold.it/600x300 2x" alt="Alternative" /> 的問題是：所有的瀏覽器（Chrome的除外）所

0熱度

1回答

由於使用RegEx以獲得正確的圖像，Picturefill能否在客戶端放慢瀏覽器速度？

我們現在正在我們的網站上實施Picturefill（版本2.2.0）。圖像元素是這樣的： <picture> <source media="{query_size1}" srcset="/images/size1.jpg"></source> <source media="{query_size2}" srcset="/images/size2.jpg"></source>

0熱度

1回答

Picturefill無法在IE10上緩存清除

我正在使用<圖片>元素，帶有Picturefill以支持跨瀏覽器。在IE10中（在9和11中很好），它可以在普通的頁面加載時正常工作，但在Ctrl + F5之後不會顯示圖像。（如果我然後打開開發工具或更改縮放，以及如果我進行普通刷新，加載正確的圖像）。我使用<圖片>如下： <picture> <!--[if IE 9]><video style="display: none;"><!

1熱度

2回答

爲什麼響應式圖像關閉（我的）現實？

我想實現一個簡單的任務。我有一個圖像在一個可變寬度的容器。容器的寬度可以爲300,400,700或900像素。這是通過媒體查詢手段完成的圖像應占用該容器的所有寬度。因此，它也將是300,400,700或900像素寬。圖像應該具有所有寬度值的不同來源。所以我可以在手機上使用較小的圖像。我認爲這可以通過img元素的srcset屬性完成，也許在sizes屬性的幫助下完成。寬度是這樣的 <img

0熱度

1回答

Picturefill.js：需要幫助轉換<picture>到<img> srcset /尺寸方法

這是我... <picture> <source srcset="assets/images/home/desktop-hero.jpg" media="(min-width: 768px)" /> <source srcset="assets/images/home/mobile-hero.jpg" media="(max-width: 767px)" /> <im

2熱度

1回答

帶圖片填充的懶惰加載貓頭鷹旋轉木馬

我使用的是貓頭鷹旋轉木馬和Picturefill插件，我想懶加載主滑塊圖像。任何幫助，將不勝感激。在示例網址中，點擊「自適應」縮略圖（YouTube縮略圖之後的第二張圖片）。然後展開/收縮瀏覽器窗口，並根據瀏覽器的大小看到引用的映像正在更新。 URL示例： http://dx1showroom.azurewebsites.net/picturefill/2.html 目標：使用貓頭鷹旋轉木馬 -

0熱度

1回答

針對網站的不同寬度的屏幕的最佳標準圖像尺寸

我使用picturefill.js庫在不同寬度的屏幕上拉出不同尺寸的相同圖像。兩難問題是，我應該記住所有移動設備，平板電腦，桌面應創建的圖像數量？通過這樣做我想節省帶寬。現在，我使用不同的以下尺寸創建相同的圖像。圖像的尺寸以像素爲單位 240 320 640 480 600 768 960 992 1200 1368 1600 2400 2500 3200 400