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