我可以使用 calc 和 var 根据宽度更改我的 div 高度吗？

debugcn 发表于 Dev

埃斯维

所以我们可以说我的divwidth的470px就是100%和350px是0%的height。
从100%到0%我希望我的 divheight从100px到减少0px。

希望不要太混乱...

它可以在没有 javascript 的情况下完成吗？

这是一个空的间隔 div。

Fabrizio Calderan 喜欢树木

代码笔演示

CSS

div {
   background: #9bc;
   max-width: 470px;
   min-width: 350px;
   max-height: 100px;
   height: calc(0.83333 * 100vw - 291.66px);
   overflow: hidden;
}

高度是用从 2 点经过的线的方程计算出来的。

我向您展示了计算结果，以便您可以根据自己的喜好更改该表达式

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于2021-07-19

我来说两句

0条评论

登录后参与评论

来自分类Dev

根据屏幕宽度和高度更改div宽度和高度

来自分类Dev

我可以使用简单的CSS规则收缩Div和所有嵌套的Div吗？

来自分类Dev

我可以使用GUI读取/ var / mail吗？

来自分类Dev

我们可以使用HttpHandler和HttpModule从母版页更改内容页div吗？

来自分类Dev

是否可以使用CSS calc（）来计算宽度/高度比？

来自分类Dev

使用calc（）在IE中转换宽度和高度

来自分类Dev

我可以使用LibreOffice Calc打开Excel .xlsx文件吗？

来自分类Dev

我可以使用LibreOffice Calc打开Excel .xlsx文件吗？

来自分类Dev

我可以使用 javascript 根据类对我的 div 进行排序吗

来自分类Dev

如何在HTML标签之间（在div标签内部和外部）交换？我可以使用display：flex;吗？

来自分类Dev

我可以使用RestKit和Realm.io吗？

来自分类Dev

我可以使用@switch和Enumerations吗？

来自分类Dev

jekyll和sass; 我可以使用元吗？

来自分类Dev

我可以使用 Flexbox 创建背景和前景吗？

来自分类Dev

我可以使用通配符附加和订阅频道吗？

来自分类Dev

可以使用我心爱的％格式器实现可变的填充字符和可变的宽度吗？

来自分类Dev

什么时候使用类型推断？我们总是可以使用VAR吗？

来自分类Dev

高度和宽度受限的图像都可以使用<picture>吗？

来自分类Dev

我可以使用systemd根据文件的存在来启动和停止服务吗？

来自分类Dev

我可以使用 Selenium 和 Nokogiri 根据附近的标签定位元素吗？

来自分类Dev

我可以使用Visual Studio来跟踪对表和存储过程的更改吗？

来自分类Dev

我可以在LibreOffice calc IF语句中使用OR吗？

来自分类Dev

我可以在LibreOffice Calc中通过HTTP检索和访问简单的JSON对象吗？

来自分类Dev

Orbeon使用<div class =“ row”>。我可以更改它以使用<div class =“ row-fluid”>来匹配Liferay吗？

来自分类Dev

我可以在Python的Plotly Heatmap中指定单元格的宽度和高度吗？

来自分类Dev

我可以在不计算的情况下从 Windows RECT 结构访问宽度和高度吗？

来自分类Dev

我们可以使用简单的javascript，DOM和CSS在svg元素的鼠标悬停上创建div以具有多行工具提示吗？

来自分类Dev

我可以使用MVC，Razor和HTML5启动我的项目吗

来自分类Dev

有人可以向我解释Math.random（）和宽度/高度一起使用吗？

Related 相关文章

文章