aspect-ratio 相关问题

元素的纵横比描述了其宽度与高度之间的比例关系。

是否可以使用纵横比作为 CSS 中 calc() 的一部分?或者使用元素自己的宽度作为 calc() 的一部分?

我知道我可以使用宽高比使元素的高度等于其自身宽度的特定折叠/部分,例如宽高比:1 / 2 将使元素的高度是 m 的两倍...

回答 1 投票 0

当子项是使用宽高比的按钮时,Flexbox 问题

我在数字输入组件中使用 Flex 来在输入本身旁边呈现自定义“+”和“-”按钮。按钮使用宽高比:1/1;确保它们始终是正方形,但我似乎无法理解...

回答 1 投票 0

如何将位图放入圆角正方形中?

我正在使用 Android Studio,我希望能够从图库中拾取图像,调整其大小并通过保持正确的宽高比使其适合圆角正方形(约 300x300px)...

回答 2 投票 0

为什么纵向模式 480 x 640 的分辨率被描述为 4 : 3 而不是 3 : 4?

正如我所读到的: 图像的纵横比是其宽度与高度的比率。例如,如果矩形的长宽比为 2:1,则其宽度是高度的两倍。方面...

回答 1 投票 0

固定比例 - 最大“尺寸”

新手需要一些帮助。 如何保留一个 div,以固定的纵横比填充动态大小的容器的高度。 我有一个第一个全页网格设置为 1 2 6 和 2 fr 行,1 列...

回答 1 投票 0

删除纵横比并使用 padding-top:56.25%;相反

如何将其写入代码中,我不知道。 我在这里该怎么做? https://jsfiddle.net/37qob51s/ 我尝试询问 AI,但没有帮助。 有谁知道这将如何完成? 有人告诉我...

回答 1 投票 0

如何用CSS计算当前视口的宽高比? [重复]

我需要以微型方式表示当前视口形状,根据纵横比适合 100% 的包含元素的宽度或高度。我想预览一下 HTML

回答 1 投票 0

第一次使用 CSS 网格并在浏览器上遇到右侧间隙问题

我是 html 和 CSS 新手,想为自己制作一个小网站来展示我的照片。 我有点努力让网格正确,特别是当改变浏览器窗口的纵横比时。 我是

回答 1 投票 0

伸缩容器内的纵横比无法正常工作

所以我在弹性容器中有一堆链接,并希望它们是正方形。我将它们的纵横比设置为 1 / 1,并添加了 1rem 的填充块。 。柔性 { 显示:柔性; 对齐它...

回答 1 投票 0

如何缩放 SVG 图像以填充浏览器窗口?

这看起来应该很容易,但我只是没有得到什么。 我想制作一个包含单个 SVG 图像的 HTML 页面,该图像会自动缩放以适合浏览器窗口,而不需要任何

回答 2 投票 0

Flutter:如何在其父级中调整长宽比的小部件?

我想在一个容器中放置两个小部件。 长宽比为 1:1 且适合容器的小部件 A。 小部件 B 是一个文本,其高度适合内容,其宽度填充父级。 例如...

回答 2 投票 0

如何在Flutter中获得正确且相同的手机横向和纵向模式的宽高比?

我正在使用此代码来获取纵横比 最终 deviceAspectRatio = View.of(context).physicalSize.aspectRatio; 它在纵向上给出了正确的结果,但是当我改变横向上的方向时......

回答 1 投票 0

CSS 网格内奇怪的不需要的溢出

我正在尝试制作一个网格,其中图像输入字段是一个长宽比为 1:1 的大正方形。我需要字段高度与网格中的其他输入字段对齐。所以第二个网格...

回答 1 投票 0

保持视口宽度和高度的纵横比的流体 div 元素

我正在尝试为图像创建一个 div 容器,该容器在页面(flexbox)上水平和垂直居中,宽高比为 2:3。我希望它能够根据宽度和

回答 1 投票 0

在设置了宽高比的 div 内使用 height:100% - 某些浏览器中存在错误?

注意:这个问题是关于 CSS 中的一个新功能:宽高比。该网站上具有相似关键字的大多数问题都涉及非常不同的技术。 好的,有一个带有以下内容的 div

回答 1 投票 0

子 div 忽略父级宽高比 16/9 和父级内的内容并将内容向下推

我的父div的宽高比为:16/9;在该 div 内,我有另一个具有相同比例的 div,但我也有一些与该子级相关的内容,当我设置子级宽高比时,它会移动内容

回答 2 投票 0

在两个轴上使用父容器按比例调整子 Div 的大小

我有一个父容器,其子 div 设置为宽高比为 2/1。 当我沿 x 轴调整父级的大小时,子级也会相应缩放。但是,沿 y 轴调整大小不会影响...

回答 1 投票 0

用于横幅元素布局的 CSS,以尊重文本内容、最大高度和长宽比

我正在尝试在网站上构建横幅元素,但在使其满足我所追求的标准时遇到问题。理想情况下,我希望有一个仅 CSS 的解决方案。 布局是...

回答 3 投票 0

在 Pygame 中缩放窗口时出现不正确的图块编号问题

您能否找出我的代码中的错误并解释为什么当我使用 int((mouse_x +scroll_x) // (tw / MAX_COL)), int((mouse_y // th / MAX_ROW)) 并将鼠标悬停在某些图块上时,它始终打印不正确...

回答 1 投票 0

如果父元素是 Flex 元素,则不会出现具有宽高比的空 div

请查看下面的代码片段:为什么我看到第一个具有正确宽高比的空 div,但看不到包裹在 Flex 元素中的同一个盒子?在第二种情况下我该怎么做才能看到...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.