2回答
然而，在Chrome 71上，图像的高度更高，打破了宽高比： ? 在this question上找到的解决方案都不起作用。我使用的是Angular 7.1.4和Flex Layout 7.0.0-beta.22。
浏览 16提问于2019-01-04得票数 2
1回答
我想用HTML/CSS重新创建下面的图像布局。理想情况下，图像2的纵横比将自动调整以满足图像3和4的纵横比。我试过用Flexbox来做这件事，但我认为我必须为每个图像手动定义flex数量，这是一件痛苦的事情。有没有办法动态地做到这一点？
浏览 1提问于2019-03-05得票数 0
我有一个带有布局和QLabel的窗口。QLabel包含一个图像。图像应该填充QLabel的父布局。如果用户决定缩小窗口，图像应该缩小到最小尺寸--此时窗口不再是可缩放的。如果用户决定放大窗口，图像应该会变大。在这两种情况下，都应该保留图像的纵横比。
我已经设法使用setScaledContents将图像填充到QLabel
浏览 0提问于2016-10-20得票数 0
我正在尝试添加一个复合组件到滚动视图，但保持组件的纵横比不变。我将复合组件的顶部和底部约束为父组件，并约束了纵横比。我的问题是，滚动视图不知道复合组件的宽度是多少，所以它会砍掉屏幕上没有的东西。有没有办法让Scroll View在保留图像纵横比的同时，不砍掉复合组件的前缘和后缘？
浏览 16提问于2018-08-20得票数 0
回答已采纳
1回答
我对页面布局有非常具体的要求，但我似乎无法做到100%正确。我需要这个布局不超过100%的宽度和高度，这是目前正在发生的。
我目前的尝试使用的是flex布局，但我甚至还不能在其中包含5，因为我甚至看不到3、4和6中的文本。我知道这很可能是由“填充-底部: 18%”造成的，但是如果没有这个填充，我甚至看不到div，更不用说保持纵横比</em
浏览 9提问于2015-10-31得票数 1
回答已采纳
3回答
Flexboxes使基于可用空间的布局变得更容易，并且智能地缩小布局。我使用这个特性绘制了两个图像，每个图像占用了屏幕宽度的一半。在火狐浏览器中，图像呈现和保持其纵横比，但在Chrome中，图像水平压缩到每幅图像的50%，并且垂直地保持完整的高度。下面是我说的内容的演示：
浏览 3提问于2015-10-28得票数 14
回答已采纳
我正在尝试获得3个不同纵横比的图像来显示在一行中，以填充容器的宽度。我希望他们的高度是相等的，但又是流动的。因此，图像保持其纵横比，但缩放以适应容器的宽度。这是我的尝试： Codepen .row.wrapimg
浏览 42提问于2021-09-10得票数 0
我使用了flex布局。我有一个清单：<ul> ....</ul>ul{ margin: 0; flex-wrap: wrap;}
width: 25%;
display: <
浏览 0提问于2016-07-21得票数 2
3回答
目标是在正方形画布上绘制图像，同时保留原始纵横比，如果原始纵横比不是正方形，则将图像居中。 例如，以附加的1262x2688图像为例。下面的代码将其大小调整为100x100，但它会扭曲纵横比。代码应该：(1)缩放图像以适应100x100画布；(2)保留纵横比；(3)在画布中垂直和水平居中<em
浏览 27提问于2019-10-08得票数 1
回答已采纳
1回答
我在xcode中的布局系统有一些问题。
保持8单元之间的“添加/编辑图像从相机”，左边的图像视图和图像视图的右侧，如果你有足够的空间在底部，以保持1/1的高宽比。如果底部没有足够的空间，从底部保留8个单元，从“从摄像机添加/编辑图像”中保留8个单元，将其居中，并保持1&#
浏览 0提问于2015-11-30得票数 0
回答已采纳
我想创建一个正方形布局，这样我就可以使用‘android:scaleType=“fitXY’放大/缩小我的正方形图像。其他缩放类型不起作用，因为它们不能放大图像。问题是我不能创建一个精确的正方形布局。为了使缩放工作，我需要给一个非常大的宽度/高度(如150dp * 150dp)。
有时，图像是在另一个布局中找到的，它的大小我不知道。如果布局的宽
浏览 1提问于2011-07-07得票数 2
1回答
我一直在尝试使用flexbox：来实现这种画廊风格的布局我当前的尝试可以在这里找到：
您可以看到，我已经尝试了两种方法，每种方法都产生了不同的问题。我将继续讨
浏览 2提问于2017-02-15得票数 0
5回答
我正在寻找以下问题的解决方案:如何将Bitmap的大小更改为固定大小(例如，512x128)。必须保留位图内容的纵横比。复制缩放到空位图(居中)
所有这些的原因是，当图像的高宽比与另一个图像的纵横比不同时，GridView会扰乱布局。下面是一个屏幕截图(除最后一个图片外，所有图
浏览 3提问于2013-02-27得票数 15
回答已采纳
给定一个HTML代码片段 <div layout="row" layout-align="start stretch" flex style="height: 100%;"> <img
浏览 0提问于2018-10-09得票数 2
3回答
HTML图像加载问题
、、、
我有一个网站，在那里我必须动态加载图像。在放置它们之前，我必须知道它们的宽度/高度，所以我使用onload事件处理程序。无论如何，我发现有时这些值甚至在处理程序中也是0/0 (这发生在Chrome上，因为我的目标是webkit，这是要使用的浏览器)。有没有办法强制执行这一点？我的意思是，我可以使用一些东西，比如在图像为0/0的情况下使用setTimeout，并重新检查，直到它完成，我正在
浏览 0提问于2010-07-16得票数 2
回答已采纳
在AMP HTML中，layout=responsive只保留我使用宽度和高度属性提供给图像的纵横比。有没有办法保持图像本身的纵横比？
浏览 23提问于2016-08-23得票数 2
1回答
在html和css中调整图像大小
、、、、
伙计们，我正在学习网络开发，并且在图像响应方面有问题。你能告诉我这里该换什么吗？right: 0; bottom: 0;#hero .carousel-container {
display: flex
浏览 7提问于2021-12-09得票数 0
我有一个有两列的flexbox布局。第一列包含图像，在设计时图像的纵横比是未知的。我希望在保持图像纵横比的同时显示整个图像。第二列包含几行文本，长度在设计时未知。容器不应该有固定的高度。如何在不使图像高度超过第二列(文本)的高度的情况下最大化第一列中的可用空
浏览 20提问于2021-04-22得票数 0
9回答
使用CSS flex box模型，如何强制图像保持其纵横比？请注意，为了填充容器的宽度，图像会拉伸或收缩。这很好，但我们是否也可以让它拉伸或缩小height以保持图像比例？Bacn"></div>
CSS
浏览 106提问于2015-06-12得票数 122
回答已采纳
我有一个指向jsFiddle的链接，它将显示问题。基本上，问题出在中间的容器(sector2蓝色容器)，它在列方向上是灵活的，并且有5个flex子元素。其中四个元素是大小为150x150px的图像。我已经将image-wrapper (每个子元素的类)赋给了flex: 1，这意味着蓝色容器应该被分成5个等高的部分。现在我设置了每个图像的min-height: 100%，这使得<em
浏览 11提问于2019-05-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
