在其中添加图像时，Div高度未填满屏幕大小

文章/答案/技术大牛

发布

2回答

html、css、reactjs

我正在添加两个图像与一个div里面的文本，这应该占据整个屏幕的左侧。当我在底部添加第二张图像时。图像的一半会从div中移出，并且div的高度不会延伸。屏幕截图是我得到的输出代码如下： <section className="App"> <div className="First-Hal

浏览 27提问于2019-09-29得票数 0

回答已采纳

2回答

图像应该是响应性的，并且应该在整个屏幕上填充

html、css、responsive

我有两个div分别命名为first和second，我已经将它们的宽度和高度设置为100% width : 100%;} height : 100%;现在我想在每个div中添加一个图像。这些图像应该会填满整个div。 <img src="someimage.png" width="100%&quo

浏览 1提问于2016-11-19得票数 2

1回答

响应css -当屏幕较大时停止图像重叠

css、html、responsive-design

我遇到的问题是，当在大屏幕上查看时，图像会与.container重叠，而在小屏幕上查看时，不会填满容器。图像必须始终在所有屏幕尺寸上显示相同的大小，并且必须始终填充(高度)容器。这是一个。我把它们都放在一个div中，用来模拟不同的屏幕大小，只需改变它的宽度，看看会发生什么！

浏览 3提问于2012-10-31得票数 0

1回答

在CSS中设置背景图像后，如果调整窗口大小，内容将被剪切到空白区域

html、css、responsive-images

当我用CSS设置背景图像时，我的布局出现了问题。我已经在谷歌上找过了，但找不到有完全相同问题的人，也没有一个解决方案适用。我想要做的是创建一个页面，其中的背景图像会填满整个屏幕的高度。如果浏览器的大小调整为小于div的宽度和高度的值，则会出现滚动条并剪切内容。这是一个300kb的gif，说明了这种行为。我尝试将高度改为%，而不是vh，auto，尝试使用所有可能的值处理最小

浏览 0提问于2021-03-19得票数 1

0回答

如何缩放容器中的图像内容？

html、css

我在一个容器内有一个图像，它可以根据屏幕上的大小正确缩放。我遇到的问题是，容器不会随着高度的变化而缩放。 height: auto; padding: 5px 5px; height: auto;<divclass="all-box-slideshow&quo

浏览 5提问于2016-07-20得票数 0

回答已采纳

2回答

在百分比-高度工具栏中垂直居中显示图像/图标

css、html、cordova、vertical-alignment、statusbar

Text] [Icon][Icon]|图标是相同大小的方形图像(条形高度的50%，垂直居中)，但与徽标的高度不同，应填满100%条形高度。状态栏高度是总屏幕高度的百分比，我不能使用固定高度。<img src="b.png" class=&qu

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

回答已采纳

3回答

响应式全屏幕图像而不损失质量，有可能吗？

image、css、background、fullscreen

我最初的想法不仅仅是让项目组合响应性强(我考虑的是1024x768px一直到2560x1600px)，还可以通过全浏览器屏幕图像进行一些很好的工作预览。所以我真的需要你们的帮助和经验。有没有一个“完美”的图像尺寸可以完美地调整到以下分辨率: 1024x768px，1280x800px，1280x1024px，1440x900px，1920x1080px，2560x1600px。

浏览 0提问于2011-08-26得票数 1

1回答

在打开弹出窗口时防止页面滚动条

javascript、html、modalpopup

我有一个网页，其中有大量的滚动数据，包括图像。现在我想要一个功能，当我点击一个图像时，图像会在一个模式弹出窗口中被打开，页面滚动会被禁用。像facebook这样的东西，但是如果图片比屏幕大小大的话，可能是可以滚动的。谢谢你的帮助！！

浏览 2提问于2013-11-22得票数 0

回答已采纳

5回答

两张图片与包含元素的宽度完全对齐

css

我有两个横幅图像，他们每个都有相同的高度，但不同的宽度。它们中的每一个都嵌套在<a>标签中(以使图像打开一个链接)，而<a>标签嵌套在<div>标签中。我的问题是，我需要这两个图像紧挨着坐在一起，并自动调整到<div>标记的宽度，以便它们恰好填满<div>宽度的100%，同时保持各个图像宽度的比例相同。div标签是流动的(它会根据屏幕的<e

浏览 0提问于2013-05-18得票数 1

1回答

我正在使用javascript使用jQuery的.css()函数重新缩放我网站上的图像(取决于屏幕大小)。现在我正在尝试对一堆重新缩放的图像进行动画处理，并且在较旧的系统上性能很差……我的猜测是，浏览器在动画的每一步都会重新缩放图像。有没有办法防止这种情况，例如，通过一次重新缩放图像，并使用这个重新缩放的版本的动画？'); var nextTiles = chosenTile.nextAll('div&#x

浏览 1提问于2012-08-30得票数 0

3回答

如何用任意高度的div填充屏幕上的可用高度？

html、css

我想用<header>填充任意大小的屏幕(宽度和高度 <div id="content"></div>在iPad中，<header>应该始终填满任何高度的显示器上的整个屏幕，这样<div

浏览 3提问于2011-08-22得票数 0

回答已采纳

1回答

试图使横幅/图像响应

css、themes、wordpress-theming

我正在尝试一个横幅(小树枝的景观图像)，但我很难让它在设备上做出响应，例如桌面、平板电脑、移动设备，而不需要将图像拉伸或不合适，或者在两端被切断。想要一些关于如何绕过这个问题的建议，如果我需要调整实际图像的尺寸，它会变大吗？应该再小一点吗？等。提前谢谢。

浏览 1提问于2016-11-28得票数 0

回答已采纳

1回答

Three20图片库-显示超大图像，然后聚焦

iphone、image、size、three20、gallery

我发送了每个图像的特定宽度和高度，但当我查看各个图像时，它们加载时会稍微过大，它们有点像素化，然后它们会聚焦到正确的大小/比例。大多数图像是300x400的，我发送的是300x400以及宽度和高度，所以当我在横向模式下查看时，我希望图像看起来比整个屏幕更小，或者放大以填满屏幕。有什么想法，为什么我会得到更大的图像，大小

浏览 0提问于2010-07-13得票数 0

回答已采纳

1回答

减小图像的大小会导致在抖动中丢失部分图像

flutter、dart

我在代码中使用了CachedNetworkImage小部件。每当我调用它的时候，图像太大了。当我试图将它的高度限制为某个les数字时，它的内容或某些部分丢失了。我无法解决这个问题。这是没有任何约束的图片截图-我希望只覆盖半个屏幕，同时维护width.And，当我将它的高度降低到450时，它的一部分消失了，我的意思是它丢失了(查看照片，你会明白的)。这是高度为450的照片-(我希望只覆盖半个屏幕，同时保持宽度。)

浏览 0提问于2020-10-28得票数 0

1回答

在wordpress中使图像响应式？

jquery、css、wordpress、image、responsive-images

如何根据屏幕大小自动调整图像的大小？我为图像添加了一个css属性，例如 width: 100%; } 但这将使小图像采用它所在的容器的形式，如果容器很大，小图像将拉伸并像素化。那么，我是否只需要为大图像创建特殊的css属性呢？我不希望图像填满它们所在的容器或div。我只想让它们根据屏幕大小来调整<e

浏览 1提问于2016-03-23得票数 0

2回答

如何在Angular材质中调整对话框内的图像？

html、css、angular、flexbox、angular-material

我正在尝试在对话框窗口内完全适应图像，而不会溢出屏幕，也不会在两侧出现滚轮。我希望对话框窗口永远不会填满整个屏幕，而是填满大部分(比如80%左右的轴)。但我被图片卡住了，从来没有自动调整大小来适应那个盒子。 ? 目前，如果图像的高度太大，我尝试的所有内容都会在右侧显示一个条。理想情况下，我希望有一个自动调整大小以适应屏幕的图像。important; disp

浏览 43提问于2021-05-05得票数 0

2回答

如何在所有不同大小的屏幕上保持相同的背景图像比例/大小？

css、background-image

如何保持背景图像的比例不变，以使其看起来适合所有不同的屏幕尺寸？换句话说，我如何确保背景图像看起来总是完美的“居中”。请注意，我还有其他几个屏幕与其他背景图像，所以解决方案应该适用于不同的图像，而不仅仅是下面的房子。#background{ text-align: center;

浏览 24提问于2020-02-15得票数 0

回答已采纳

1回答

在上面点击1px移动的图像

javascript、jquery、html、css、image

'none' : 'inline');HTML： <a href="#" onclick="effect('h');"><img src="http://i.imm.io/1jf2j.png"/></a> <a href="index.php"

浏览 1提问于2013-10-23得票数 0

回答已采纳

3回答

如何将固定高度的div与高度为%的div组合起来？

css、html、fixed

我有3个垂直div: topdiv -这是100px的固定高度；middlediv这应该会填满页面的其余部分bottomdiv -这是200px的固定宽度；有什么想法吗？

浏览 4提问于2011-05-25得票数 0

4回答

CSS挑战:背景- 100%高度的图像-滚动移动时的空白

android、html、css

CSS挑战： <div class="background"></div> <

浏览 15提问于2014-05-21得票数 3

点击加载更多