保持响应图像的高度

文章/答案/技术大牛

发布

1回答

javascript、css、reactjs、sass

我正尝试在react应用程序的顶部创建一个CTA组件，其中包含导航栏和CTA文本。在成功完成组件后，我注意到一个小错误，我想要解决它。我只提供我的图像与100%的宽度，没有定义的高度。这会导致图像下方的div向上闪烁，直到图像完全加载。我知道没有为图像提供定义的高度是导致错误的原因，因为当我为图像提供随机高度时，错误就消失了。我

浏览 9提问于2021-01-23得票数 0

1回答

响应图像:保持高度，保持居中

css、image、responsive

我有一个全宽度的图像，比例太小，在移动电话大小。我尝试过添加height:250px; width:auto (在媒体查询中)，它提供了很大的大小，但是图像没有居中。我怎么才能把它集中？图像太小：图像没有居中：

浏览 0提问于2018-06-13得票数 1

回答已采纳

3回答

图像应该有100%的高度，但要有高宽比。

html、css

我有一个图片在一个网站(该网站是响应)。图像应该始终具有父div的100%高度(即高度为100%)，但具有高宽比。important; 但这样，图片的高度总是100%，它的原始大小。我想要它比原来的尺寸大，但要有高宽比。

浏览 5提问于2013-12-13得票数 0

回答已采纳

1回答

在AMP中包含具有正确纵横比的图像，而无需知道高/宽

css、amp-html

有没有办法在不知道图像的宽度和高度的情况下在AMP中包含图像？我也尝试过layout=fill，它保持宽高比，但如果给

浏览 2提问于2018-03-05得票数 1

1回答

如何确保图像具有响应性和相同的高度？

html、css、responsive-design、responsive-images

我想要确保我的站点中的图像是响应性的，并且当窗口尺寸减小时保持相同的高度。我有一个媒体查询，在较小的屏幕上将布局改为1列而不是2列，但在大屏幕上图像高度不同。我已经将所有的图像放入div，并限制了这些div的大小，但我似乎没有做任何事情来改变图像的高度，使它们保持响应性。我尝

浏览 3提问于2018-03-21得票数 0

3回答

让图像只响应其中的某一部分吗？

html、css、image、responsive-design

所以，假设我有一个这样的图像：假设我想让图像仅在图像的红色区域根据其高度进行响应，如下所示：我怎样才能做到这一点呢？

浏览 2提问于2014-12-03得票数 0

2回答

使用maphilight.js响应图像

image、github、map、imagemap、imagemapster

在我启用微光后，我的图像停止响应。来自chrome inspect的：，。您可以看到，maphilight.js将图像从100%更改为固定高度和固定高度

浏览 39提问于2014-11-23得票数 2

回答已采纳

2回答

当禁用class=“img响应”时，引导列会重叠。

html、css、twitter-bootstrap、angular、angular-ui-bootstrap

目前，我有一个地图组件左侧占据3列，但每次我调整/缩小浏览器时，图像大小/缩小也。但是当用户调整浏览器的大小时，我希望图像保持固定大小。所以我删除了img标签中的class=“img响应”。sidebar-component></sidebar-component> </div> <&

浏览 5提问于2017-06-19得票数 0

1回答

垂直vs水平-不同寻常的网格

image、css、responsive-design、grid

我有一个布局，我试图让它响应。图像之间有一个10px的间隙，我遇到的问题是如何使布局响应。它不会保持底部边缘按特定大小对齐，因为浏览器试图保持水平图像上的比例。大的垂直图像是750px乘1200px。小的我做了750px乘595px，这是一半的高度减去一半的高度差距。欢迎任何可能的</em

浏览 7提问于2017-03-17得票数 1

回答已采纳

2回答

图像高度保持响应，没有滚动

html、css、responsive-design、width

这里的问题很简单，但想要实现我想要的目标.我有一个图像，我试图保持在浏览器的中心和响应。设置宽度为100%，图像响应完美(水平)。我遇到麻烦的是身高。我不希望浏览器永远滚动和有图像，与正确的比率，在中心，与20 do填充。Dropbox查看器有一个很好的例子来说明我想要完成的任务，参见：我在这里有一个到目前为止<em

浏览 2提问于2014-02-04得票数 0

回答已采纳

3回答

调整图像大小，使其完全适合可变维数的div

javascript、jquery、html、css、image

我需要适当地缩放div中的图像，这样图像就能保持其比例，或者宽度等于100%，或者高度等于100%。所以我有直觉，但我没有密码. 其想法是使用JavaScript/jQuery获得div的比率(高度/宽度)。=>比率A然后得到图像的

浏览 1提问于2016-05-18得票数 3

3回答

响应图像和列表项

php、jquery、html、css

我正在开发一个响应性设计的标题部分。谁能告诉我如何在列表项目总高度和响应图像高度中保持相同的高度，响应图像高度将根据分辨率变化，我需要做的是根据这个高度添加更多的列表项或更改列表项的底部边距和高度(两者都应该增加或减少，并添加/删除项目以保持干净的

浏览 4提问于2013-08-30得票数 0

3回答

具有动态高度的CSS div，用于响应背景图像

html、css、image、dynamic

我尝试在bootstrap3上创建一个具有动态图像背景的类，但没有成功。取而代之的是使用等于180px的高度，我尝试使用100%来使其具有响应性。怎么了？ 

浏览 2提问于2015-07-22得票数 3

4回答

使div与其内部的图像一起收缩。

html、css、responsive

我有一个div里面只有一个图像。图像通常占据div中的整个空间，div和图像具有相同的高度。除了当窗口被缩小，图像调整它的大小，所以它是响应的，但div保持相同的高度。如何使div始终具有与其内部的图像相同的大小？

浏览 6提问于2017-03-02得票数 1

回答已采纳

4回答

是否可以使图像在AMP HTML中响应，或者我需要在媒体查询中声明每个屏幕分辨率的图像大小？

amp-html

我的网站上的大多数图片占据了整个屏幕的宽度，所以在我当前的网站版本(不是AMP)中，我通过这样做来设置CSS中的所有图片来填充整个屏幕的宽度： width:100%在AMP

浏览 0提问于2015-11-24得票数 6

1回答

响应式网站:当方向改变时，如何从jQuery获得新的价值？

jquery、responsive-design

我有一个响应式的图像，它根据水平和垂直方向改变它的大小(宽度和高度)。我想根据图像的高度来设置元素的位置。当我通过jQuery $(".div-inner img").height()获取图像的高度时，它返回图像的高度。现在，当我更改方向时，高度的值保持不

浏览 0提问于2013-06-19得票数 0

回答已采纳

2回答

如何制作具有一定高度响应的图像背景？

css、image、twitter-bootstrap、responsive-design

我想知道如何使图像响应与固定高度？提前谢谢你。

浏览 2提问于2014-04-15得票数 1

回答已采纳

1回答

如何在两个等于第一个高度的柔性盒中制作3幅1x2格式的图像？

flexbox

左图像将是100%的高度，我想要两个右侧图像，以堆叠自上而下和他们的总高度等于高度的左图像或柔箱本身的高度。当响应调整大小时，我也想保持这个比率。我现在遇到的问题是，在调整大小后，左边的图像会缩小，而右边2的合并高度会比左边的图像大。谢谢

浏览 4提问于2022-11-04得票数 0

回答已采纳

2回答

响应时将图像保持为原始大小的120%

html、css

如何使图像比原始大小更大，并在x和y方向上保持响应式设计？我使用此代码使其具有响应性。工程很棒，我只是希望图像是它当前高度的120%。

浏览 2提问于2016-10-26得票数 0

4回答

如何摆脱div中图片周围的默认边距？

html、css、image

我正在建设几个网站，总是有同样的问题与css。如你所见，我已经在我的css中响应了图像的大小。当我缩小我的浏览器屏幕时，div的高度保持不变(因

浏览 71提问于2019-04-15得票数 2

点击加载更多