responsive-images

0熱度

1回答

我爲此web app使用Bootstrap v3.3.5旋轉木馬，圖像固定在尺寸（970x180），所以我也固定了旋轉木馬尺寸。但是，從智能手機瀏覽此應用程序時，圖像不能正確調整大小，只能看到圖像的一半。此處有任何建議嗎？

0熱度

1回答

我們想要做一個圖像網格，其中每一行都是任意數量的圖像，這些圖像的高度相同但寬度可能不同。隨着瀏覽器寬度的變化，整個事情需要隨着增長和縮小而變化。我想出了迄今爲止最好的解決辦法是： <div id="root"> <div><img src="img/r1a.jpg" style="max-width:33.334%; min-width:33.333%;"/><img src="im

-1熱度

3回答

在響應式div中居中放大過大的圖片

過去幾天我一直在研究這個問題，雖然發現了幾種在靜態佈局中運行良好的解決方案，但我在解決響應式設計時遇到了問題。我們在主頁上使用了一系列橫幅圖片，並試圖讓它們在較小的手機屏幕上以文字背後的圖片爲中心顯示。我可以解決這個固定的寬度，但我們需要做到這一點。這裏是我的CSS代碼當前再現的樣子： #mainSlideshow .item img { display: block; w

2熱度

1回答

爲什麼srcset會導致圖像下載多次？

我必須使用srcset和sizes屬性插入響應圖像下面的圖片標籤： <img srcset="/designed/logo-abihaus-1600x500.png 1600w, /designed/logo-abihaus-1200x375.png 1200w, /designed/logo-abihaus-960x300.png 960w, /desi

0熱度

1回答

需要添加正面和背面的圖像來翻轉divs

因此，我一直在努力與這組代碼一段時間，我很接近完成它。第一個問題是讓我的圖像響應高度和寬度，但經過一些討論後，我能夠弄清楚如何通過簡化代碼並使用顏色作爲佔位符來響應，但現在我無法弄清楚如何重新添加背景圖片。這裏是OG codepen，http://codepen.io/anon/pen/YypXjw 這裏現在是，http://codepen.io/anon/pen/rOWXzW * { col

0熱度

2回答

如何用圖像填充div並仍然有迴應？

我正在嘗試製作一個包含不同圖片和不同尺寸的圖片庫。我已經包含了一個圖像鏈接來解釋我想要的。我已經做了4個div，每個包含一個圖像。圖像有寬度和高度。但我的圖片有不同的尺寸。即廣告600x500。我正在使用Bootstrap。如何獲取圖像以填充整個div（400 X 400）並仍然是響應式的？我試圖給圖像一個固定的高度和寬度，但然後圖像不響應了。 <div class="row"> <div

1熱度

1回答

Srcset不工作Firefox

我想在瀏覽器達到特定的屏幕大小時使用srcset屬性來交換圖像。當屏幕尺寸高於768像素寬時，我需要顯示桌面圖像。我已經能夠使用下面的代碼在除Firefox以外的大多數瀏覽器中完成此操作。我對'srcset'遊戲非常陌生，所以我不確定在我的結尾是否有語法錯誤。牢記視網膜設備，有沒有人有我在這裏失蹤的想法？對於srcset的瀏覽器支持似乎足夠了，所以我不確定可能會導致這種情況。 <img clas

2熱度

2回答

背景沒有響應上引導

我在我做了一個登陸頁面與引導一個問題... 我有以下代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt