在具有多个单位的css-calc中嵌套多个事物

时间:2019-03-09 19:05:58

标签: css css-calc

我一直试图在CSS中进行复杂的计算,以消除页面上的媒体查询,并且不需要太多查询。下面带有长十进制数字的代码的第二部分是我试图使用一组数字来计算某物的百分比(填充)。这个数字几乎可以完美地代表一个视口每个像素所需的百分比,因此,如果我有一个庞大的视口,它仍然可以计算该百分比,甚至是一个很小的百分比。但是由于这个数字必须是一个百分数,而我不能只在末尾加一个百分号。我需要通过像素将其百分比化。含义计算浏览器将计算多少像素(如果是百分比)。我计算出要实际使用的页面宽度的100%,然后将其除以100,得到页面的1%(以像素为单位)。然后,我将其乘以在计算的第二部分中得到的页面百分比的数字,得出的实际像素宽度就好像是一个百分比,并且好像浏览器是自己计算出来的一样。这是我使用的calc操作,无法正常工作:

 padding-left: calc((100% / 100) * (0.013641975308642 * 100vw));

它不起作用,当我们使用chrome dev工具查看时,它告诉我该对象无效。我在做什么错了?

0 个答案:

没有答案