responsive-images

-2熱度

1回答

圖像偏右，頁腳翻過文本。當我在移動設備上查看網站時會發生這種情況。我該怎麼做才能做到這一點？這裏是網站： www.ferskvaregrossisten.no img{ width:100%; width:150px; length:150px; -webkit-transform:rotate(270deg); -moz-transf

0熱度

1回答

Srcset不工作，但顯示ALT標記消息

我正在建立一個新的網站，並希望使用srcset讓瀏覽器確定什麼圖像是最好的當前視口。會發生什麼是我曾經放在srcset瀏覽器將只顯示替代標記文本「測試」。如果我通過F12開發人員工具完全刪除srcset屬性，則圖像顯示得很好。我的示例中的所有圖像都存在並顯示在瀏覽器中：這是我的圖像標籤，是否有人可以看到有什麼問題？ <img src="http://localhost/Medium/Alas

0熱度

1回答

適合圖片源srcset的物體貼合解決方案

我目前使用圖片srcset來獲得響應圖片，並且目前正在尋找一種方法來使其縮放或覆蓋整個元素或容器，很像css background-size: cover或object-fit。我已閱讀該物體適合只適用於img標籤是否有替代srcset。我使用Drupal的8響應圖像模塊，並將其呈現一個picture元素上響應圖像 <picture> <source srcset="/aim-beta/

1熱度

1回答

Android chrome始終使用srcset的全尺寸圖像

這個問題真的令人沮喪，我很感激任何見解。這是總結。儘管圖像具有完整的srcset，但Android上的Chrome始終提供完整大小的圖像。因此，如果頁面有10個圖像，儘管每個圖像的寬度有5個版本，但會使用全尺寸，通常爲1-2MB，因此在移動設備上爲20MB。。如果你看看下面的圖片中currentSrc，它是海岬型Vulture.jpg」這是全尺寸的版本1.2MB已經下載了這個負載（200狀

0熱度

2回答

爲什麼Chrome的使用<img srcset>`

jsbin img { width: 100%; } <img srcset="http://lorempixel.com/400/200 400w, http://lorempixel.com/300/200 300w, http://lorempixel.com/200/200 200w"> 嘗試調整功能，JS斌在Chrome〜61不

1熱度

1回答

圖標與響應大小像`背景大小：包含;'

我有一個應用程序，有很多的圖標。我知道使用這些圖標的精靈是正確的方式，而不是有多個小圖像。然而，我需要這些圖標是尺寸與容器（background-size: contain;）相同，所以被迫使用多個圖像的每個圖標： .icon1 { background-image: url('../my-site/icon1.gif'); background-size: contain;

0熱度

1回答

Materialise的響應形象卡

沒有申請我在物質化的卡片： <div class="row"> <div class="col s12 m7"> <div class="card large"> <div class="card-image"> <img class="responsive-img" src="img/xv-chars.png"> </div>

0熱度

1回答

WordPress的不同的圖像大小

在我的主題文件夾結構如下所示：的wp-content /主題/主題/ 諧音/ 內容英雄.PHP 我使用get_template_part('partials/content, 'hero')來包含模板部分。我在functions.php中使用wp_calculate_image_sizes篩選器將自定義大小屬性添加到我的圖像。我需要根據模板部分調用wp_get_attachment_image

0熱度

2回答

如何使用CSS網格佈局來利用響應式圖像

我一直在使用新的CSS網格佈局，有一件事情我似乎無法找到關於如何使圖像響應的信息？我試過使用媒體查詢並將圖像寬度設置爲100％，但圖像仍然在網格外溢出。我錯過了什麼？

0熱度

1回答

如何限制WordPress響應圖片中的圖片下載大小？

我使用下面的附件圖片大小在我的主題：「縮略圖」（320）「中的」（640），「medium_large」（768）和「大」（1280）。 WordPress默認「srcset」和「大小」標籤上的屬性是導致瀏覽器在大視下載不必要的大圖片。例如，我的一些佈局在具有多列的網格中顯示圖像，因此在這些情況下無需加載最大版本的圖像。有我的方式來指定要下載的最大圖像尺寸是多少？具體來說，我試圖尋找一