responsive-images

0熱度

3回答

我注意到，（在寫作的時候54.X）當使用CSS來調整無損png文件（正常/視網膜目的），在最新的Chrome，，結果是模糊的。當添加下面的規則到的img標籤 img { image-rendering: -webkit-optimize-contrast; } 那麼結果是更好：問題：Safari的引擎渲染此完全不同的（更糟糕）個我的問題我怎麼能PNG調整無損沒有質量問題

0熱度

1回答

Grunt responsive_images_extender - 沒有srcset

我遇到了Grunt responsive_images_extender的問題。我的srcset沒有在build文件夾中設置。按照自述documentation，它說的是，默認的任務代碼將直接從第一responsive_images任務創建的圖像尺寸設置了srcset。（這在我的情況下增加了build文件夾中3img大小）雖然當我通過與下面的默認配置代碼的終端運行： grunt.initC

1熱度

2回答

模擬CSS中的srcset

我知道imageset是與HTML的srcset屬性等效的CSS。但current spec僅支持x像素密度單位，而不支持w和h尺寸單位。例如： <img srcset="high.jpg 2000w, medium.jpg 1200w, low.jpg 800w"> 如果我調整我的瀏覽器窗口400個像素寬的Chrome首次加載low.jpg。當我使窗口變寬時，首先加載medium.jpg，

0熱度

1回答

使用srcset +尺寸抑制隱藏圖像的下載

我正在尋找一種解決方案，以使用srcset來抑制/限制在某些斷點處隱藏圖像的下載。我想避免使用背景圖片和JavaScript。知道如果這是一個合法的方法： @media screen and (max-width: 768px) { .container { display: none; } } <div class="container">

0熱度

1回答

圖片元素 - 哪裏申請響應IMG類

比方說，我已經得到了下面的圖片元素： <picture> <source srcset="images/[email protected] 1x, images/[email protected] 2x" media="(min-width: 840px)"> <source srcset="images/[email protected] 1x, image

2熱度

1回答

爲什麼加載兩個srcset圖像？

在開發響應式Web模板的上下文中，我使用srcset屬性根據當前視口大小加載不同的圖像。這在一般情況下工作正常。但是在生產模式下，圖像從DAM（數字資產管理系統）加載，其中使用特殊參數來縮放和裁剪所請求的圖像，例如， <img src="{url}/s,x,586,y,0/{img_id}" srcset="{url}/s,x,293,y,0/{img_id} 293w,

0熱度

1回答

如果div在頁面加載後增加，響應圖像不會增長

我正在製作一系列響應式pinterest樣卡片，每個卡片都放在引導列（col-md-4）中 - 因此它們顯示爲三行中等寬度的屏幕（例如橫向的ipad）。它們會縮小和壯大，直到顯示屏縮小到小屏幕大小，此時Bootstrap變成單列顯示（例如，在縱向模式下的iPad）。在這一點上，卡包裝div的尺寸正確地增加 - 現在比原來的三列尺寸更寬 - 但圖像只增加到初始頁面加載時的尺寸，所以它破壞了卡的外觀。

0熱度

3回答

Android - 是否有可能阻止背景變得更小，但允許它調整自己的大小？

我有這樣的形象：這是它如何出現在小型設備：它看起來有點溼軟。我希望它不會調整它的大小，按原樣顯示它，不會顯示不適合屏幕的圖像部分。像這樣如果您有沒有注意到，這款手機的在PIC屏幕上方具有wan't 調整，它只是把儘可能符合從中央圖像畫面的背景。它切割不適合屏幕的部分，並從中心獲取儘可能多的部分。當我使用它的平板電腦，它完美的作品，因爲片有一個大的屏幕尺寸：我怎樣才能做到這一點？目前，這

0熱度

2回答

div當頁面瀏覽737寬度w/bootstrap

我陷入了這一點。我正在處理我的自定義網站的響應能力。我正在使用bootstrap。爲什麼我的<div class="col-xs-4">在737x寬度的視圖中下降。屏幕截圖如下：我希望圖像的框位於文本的右側。我的形象是<div class="col-xs-4"> 這裏面是的jsfiddle：https://jsfiddle.net/DTcHh/26370/ 這裏是我的結構： <div class

1熱度

1回答

Bootstrap響應式圖像網格

我想用Bootstrap創建響應式圖像網格。我有4張圖片，我需要桌面大小爲1x4的網格，手機大小爲2x2網格。我嘗試了以下代碼，但桌面大小的圖像之間存在不必要的空白。移動大小也沒有空間。我怎樣才能調整這種佈局？在此先感謝 <div class="container"> <div class="row"> <div class="col-lg-3 col-md-3 col-s