Html 如何制作<;部门>;大x倍?但不是线性的更大,它必须停止

Html 如何制作<;部门>;大x倍?但不是线性的更大,它必须停止,html,css,math,zooming,Html,Css,Math,Zooming,好的,我在博客的侧栏中有一个标签云: <div id="tags" class="widget clearfix"> <h4 class="highlight-me">Nuage de tags</h4> <div class="tagcloud "> {% for tag, occurence in tags %} <a style="zoom: {{ 1 + (occurence

好的,我在博客的侧栏中有一个标签云:

<div id="tags" class="widget clearfix">

    <h4 class="highlight-me">Nuage de tags</h4>
    <div class="tagcloud ">
        {% for tag, occurence in tags %}
            <a style="zoom: {{ 1 + (occurence - 1) * 0.25  }}" href="#">{{ tag }}</a>
        {% endfor %}
    </div>

</div>

Nuage de tags
{%用于标记,出现在标记%}
{%endfor%}
tags
是一个数组,标签的标签为key,所有博客文章的出现次数为值。目标是标记显示的越多,显示的越大(使用
zoom:
CSS内联声明)

因此,我提出的公式是:
1+(x-1)*0.25
。这样,唯一的标记有一个
1
缩放,两次的标记是
1.25
,三次的标记是
1.50
1.75
,等等。这个公式以线性方式将
0.25
的外观添加到CSS缩放声明的值

这是可以接受的,只要在超过3或4篇文章中没有使用标签。但当我在博客上写了50多篇文章时,这将不再是可以接受的。我不希望最流行的标签占用太多空间。例如,如果23篇文章中使用的标签不可接受,则会显示带有
6.75
缩放的标签

让缩放增长不再是线性的公式是什么


谢谢

我不知道你到底可以做什么

但从数学上讲,speeking似乎能得到你想要的精确值:
y=arctan(x/4)+1
总是在上升,越来越少地上升,朝着无限的方向,等等


还要注意的是,如果您无法访问适当的数学函数,您的问题(考虑到您的约束条件)可能没有解决方案。

我不知道您是否被“允许”做什么

但从数学上讲,speeking似乎能得到你想要的精确值:
y=arctan(x/4)+1
总是在上升,越来越少地上升,朝着无限的方向,等等


还要注意的是,如果您无法访问适当的数学函数,您的问题(考虑到您的约束)可能没有解决方案。

为什么不使用字体大小?@G-Cyr>问题不在于使用哪种CSS,而是为了使值不呈线性增长而计算什么数字。我不希望大多数流行的标签占用太多空间。可能不是Firefox用户的最佳选择;)可以使用最大值。添加一些rem是一种公共方式,在任何地方都有效。@G-Cyr>我意识到
zoom
CSS声明的不可接受性,当我对这件事进行排序时,我打算做些别的事情。你的建议是什么?为什么不使用字体大小?@G-Cyr>问题不在于使用哪种CSS,而是要计算什么数字,以使值不呈线性增长。我不希望大多数流行的标签占用太多空间。可能不是Firefox用户的最佳选择;)可以使用最大值。添加一些rem是一种公共方式,在任何地方都有效。@G-Cyr>我意识到
zoom
CSS声明的不可接受性,当我对这件事进行排序时,我打算做些别的事情。你的建议是什么?我正在使用PHP(Symfony+Twig),我设法使用
tan()
PHP函数来设置你的建议。非常感谢!我正在使用PHP(Symfony+Twig),我设法使用
tan()
PHP函数来设置您所建议的内容。非常感谢!