视口单元 问答列表

让 polyfill “vminpoly” 与内部 CSS 一起工作

作者:oatmealNUGGY 提问时间:6/6/2020

在 Saabi 的 vminpoly 的 github 上,一个 vw 和 vh 单元 polyfill (https://github.com/saabi/vminpoly),它说: 现在只解析链...

按视口比例调整元素大小

作者:Apnw2 提问时间:11/1/2022

我想根据视口的大小按比例调整 hmtl div 元素的大小。 此元素将放置在动态大小的容器中,因此无法同时对元素的宽度和高度使用视口单位。 我正在尝试在纯 CSS/SASS 中尽可能地做到这一点,...

有没有办法找到 div 的大小和宽度的比率

作者:Yehuda 提问时间:11/23/2022

我有两个 sass 变量用于某个 div 的宽度和高度: $width: 277.98px; $height: 156.36px; 我想将其转换为某种比例,以便在调整屏幕尺寸时,高度和宽度始终成...

在 dektop 模式下,针对不同移动设备和不同浏览器的不同 html 元素的字体

作者:oyerohabib 提问时间:12/28/2022

我已经为页脚中的“p”和“h4”元素设置了固定的字体大小,但是在手机上使用桌面模式时,我总是遇到不同的字体大小。我在使用 firefox 和 safari 时得到了预期的结果,但在使用 chrome ...

使用 VW/VH 时,iframe 位置在一侧无响应,间距不一致

作者:smitee 提问时间:1/3/2023

我在我的登录页面上包含了另一个页面的 iframe,它位于左侧菜单栏旁边。我把两者封闭在一个 div 容器中,并制作了一个网格。菜单栏 div 本身有一个嵌套网格。 在 iframe 的“左侧”位置...

如何允许列内的图像延伸到视口的边缘?

作者:Timothy Fisher 提问时间:2/17/2023

我有两个 50% 宽度的列存在于 Bootstrap 容器中。左列包含一些文本,右列包含一些文本和图像。我想让图像脱离列和容器并延伸到视口的右边缘。这是我的起始模板: <link href="htt...

绕过 Windows Display Scaling 搞砸了大众汽车设备?

作者:Iustin 提问时间:7/8/2023

我正在学习 React 课程,在某些时候,老师正在使用 vw 单位来设置某些卡片的容器宽度。一切对他来说看起来都很好,但是当我将代码复制粘贴到我的 css 文件中时,它就关闭了。即使我使用的是 85v...

为什么CSS高度:100vh;在移动设备上超出视口高度的规则?

作者:PhpDoe 提问时间:10/21/2022

为了使我的标题适合所有视口,我使用了经典的 CSS 规则,它就像一个魅力......除了在我的手机上。height: 100vh; 实际上,在屏幕底部,标题比视口高(比应有的高 20px 或 30p...

为什么顶部偏移量(以 % 为单位)不会垂直移动相对定位的元素?

作者:Pranav Anand 提问时间:7/30/2023

假设有一个相对定位的 div 元素。当我以 % 为单位设置最高值时,它什么也没做。但是只要我用px表达它,它就会起作用。有什么特别的原因/逻辑吗? 这是行不通的 <style> div{ pos...

在 calc css calc 中使用除 vw 和 vh

作者:Dmitry Kaigorodov 提问时间:10/22/2023

我正在做一些起伏的布局计算,当它在屏幕太宽或太窄时,需要一些容器来调整。 .AspectRatio { zoom: calc(100vh / 62.5vw); } CSS calc 不允许在右...


共11条 当前第1页