-
使用transform:matrix()缩放:如何坚持到左边缘(改变缩放中心)?
我的客户希望具有缩放功能(我发现使用<code>transform: scale()</code>可以轻松实现此功能,但之后他希望将 -
如何在不使用calc函数的情况下创建只能滚动一部分的CSS网格布局?
我正在尝试使用仅部分内容可滚动的网格布局制作此视图。<br/> 在下面的示例中,只有“主列表”应该 -
使用calc()设置动态宽度无效
我有三个子元素,其确切宽度应为父元素的1/3。我使用了calc(),但是第三个子元素不在一行中...知道 -
在计算中添加单位
使用calc时,如何添加单位? 我尝试了以下操作: <pre><code>font-size: calc(((768 / 100) * 6) / 16)rem; fo -
如何将用户屏幕宽度的CSS变量放入calc函数?
我的网站是在较大的显示器上设计的,屏幕宽度为2560px(三星32英寸)。因此,必须按比例缩小它才能在 -
使用calc()函数减去两个CSS变量
我正在尝试使用以下代码减去两个CSS变量: <pre><code>calc(var(--var1)-var(--var2)) </code></pre> 但这不起作 -
可以在不同的选择器之间使用CSS变量吗?
我正在研究css-variables和css calc(),因此虽然以下代码示例有些人为设计,但我尝试使用一个div与另一 -
CSS中有幂函数吗?
我知道您可以使用循环在Sass中编写幂函数。 CSS中有特定的一个吗?还是写一个的方式? -
CSS Calc指数除法
我有一个基础值<code>16px</code>,我需要将其除以<code>1.067</code>的比率6倍才能达到所需的结果值<code>10.84px< -
CSS变量和计算中的错误:如何获得错误输出?
我开始使用CSS变量来尝试制作模块化的大小调整比例。但是我很快遇到了一些问题,这些问题忽略了CSS -
如何在calc函数中使用CSS变量
我正在尝试在css calc函数中使用css变量,但它无法按预期方式呈现。 <strong>我的代码</strong> <p -
CSS min()函数转换为SASS
我具有如下CSS功能: <pre><code>width: min(calc(100vw - 51rem), calc(100vh - 2rem)); </code></pre> 使用CSS文件时工 -
CSS变量可以用于重新计算其自身的值吗?
在CSS中,我们是否可以像下面的代码那样将变量乘以某个整数? <pre><code>:root { --x: 1em; } .class2 { -
为什么min()(或max())不能与无单位0一起使用?
我一直在寻找答案,但是找不到任何有用的信息。我正在尝试将CSS中元素的<code>top</code>属性设置为< -
使用flexbox连续调整3个框
我想连续放置3个Box,第二排再放置3个。如果我不添加<code>margin: 2px;</code>和<code>width: calc(33%-4px);</code>, -
CSS calc()无法使td元素居中
我想创建一个表,第二列(由单个单元格表示)放在页面的中央。我试图使用calc()函数来执行此操作 -
使用CSS calc()函数将元素保留在多余空间的中间
我有一个<code><main></code> HTML元素,该元素占页面上<code><body></code>元素的80%,最大宽度值为<code -
有没有一种方法可以使calc函数与Sass中的*运算符一起使用?
我正在尝试设置默认字体大小,然后使用它来获取其他字体大小。 <pre><code>$base-font-size: calc(100% + 0.25v -
CSS的calc()中使用的最大可用数字是多少? 编辑
标题说明了一切。 我想知道,这是我可以在<code>calc()</code>算术中在CSS中使用的最大数字。<br/> 它 -
使用百分比作为CSS calc()的乘数
假设我定义了一个CSS变量<code>--half</code>等于<code>50%</code>。 <pre class="lang-css prettyprint-override"><code>:root -
CSS Calc根据当前的z-index值设置新的z-index值
我有一个带数百个地图标记的传单地图。 由于地图拥挤,其中一些地图标记位于其他标记之下。 -
IE11上无效的calc()
为什么IE11无法计算?我从控制台看到它发现它无效(在编译样式中,它用红色下划线标出) <pre><code> -
如何处理CSS Calc中的负值和百分比值? (流体设计) 编辑
我发现了这个很棒的CSS <a href="https://css-tricks.com/snippets/css/fluid-typography/" rel="nofollow noreferrer">calc function fr -
如何避免CSS Calc函数产生负值?
我正在使用<a href="https://css-tricks.com/snippets/css/fluid-typography/" rel="nofollow noreferrer">css calc function from css-trick -
如何使用calc()获取此元素的当前高度?
我在另一个div内有一个div。 我想把里面的东西垂直放在中间。 我可以用这种方式实现它: -
CSS:min包含2个具有不同单位的表达式
<code>height: min(483px, 100vw * 0.82)</code> 错误:px和vw不是可组合的单位 如何获取上述两个值之间 -
HSL 值的 CSS 变量计算
我想要一个基本的 HSL 颜色值,我想将其实现为渐变,如下所示: <pre><code>:root { --hue: 201; --satur -
Calc() 不适用于 Safari 和 Firefox 中的 stroke-dashoffset
在 Safari (v12+) 和 Firefox (v84+) 中尝试将 <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/calc()" rel="nofollow norefer -
HTML Flex 布局在 Internet Explorer 中看起来不同
我正在尝试让一个简单的 flex 布局在 IE11 中与在 Chrome 中一样工作。 在 Chrome 中,它看起来像这样 -
如何重写我的嵌套 CSS 计算操作
如何重写 <pre><code>margin: 15px calc(-100vw / 2 + 1009px / 2); // 1024px -15px padding </code></pre> 现在我必须编写所