在CSS中调用JavaScript函数

我在另一个线程中找到此函数，用于返回网页的宽度：

<script>
    function getWindowSize(){
        var d= document, root= d.documentElement, body= d.body;
        var wid= window.innerWidth || root.clientWidth || body.clientWidth, 
        return [hi]
    }
</script>

函数getWindowsSize（）{
var d=document，root=d.documentElement，body=d.body；
var wid=window.innerWidth | | root.clientWidth | | | body.clientWidth，
返回[嗨]
}

我希望屏幕上的文本根据页面的宽度进行缩放。也许有更好的方法，但这就是我的想法。如果有更好的办法，我当然想知道。不管怎样，让我们继续：

<p class="purple center" style="font-size: 'getWindowSize()/10'px;">Navigation</p>

导航

---

我在这里尝试的是运行JS方法来获得宽度，除以10，然后相应地调整“导航”一词的大小。

我认为不可能从CSS调用JS。CSS用于样式。您可以从JS访问CSS元素，并动态更改它们的各个方面

查看此示例了解如何使用JS更改css：

此外，如果您想使用jQuery，还有一些方法可以更改css：

---

我认为从CSS调用JS是不可能的。CSS用于样式。您可以从JS访问CSS元素，并动态更改它们的各个方面

查看此示例了解如何使用JS更改css：

此外，如果您想使用jQuery，还有一些方法可以更改css：

---

CSS无法调用JS函数

JS中的CSS可以动态设置样式

试试这个代码

HTML

---

你好~

CSS无法调用JS函数

JS中的CSS可以动态设置样式

试试这个代码

HTML

---

早安~

这会在调整浏览器窗口大小时自动调整，并且只使用css：

.purple{
字体大小：10vw；
}

---

导航

这将在调整浏览器窗口大小时自动调整，并且仅使用css：

.purple{
字体大小：10vw；
}

---

导航

否，但您可以使用

vw

装置。通常，您只需设置断点来设置一系列宽度的最佳大小。只需访问js中的

p

，并将其更改为

style.fontSize

dynamically@Ramanlfc怎么做呢？@TfarcrawIIV

.purple{font-size:10vw；}

。对于这个琐碎的任务，您不需要，也不希望使用Javascript。不需要，但是您可以使用

vw

单元。通常，您只需设置断点来设置一系列宽度的最佳大小。只需访问js中的

p

，并将其更改为

style.fontSize

dynamically@Ramanlfc怎么做呢？@TfarcrawIIV

.purple{font-size:10vw；}

。对于这个琐碎的任务，您不需要，也不希望使用Javascript。为了澄清：vw和vh是基于窗口宽度和高度的单位。vw=相对于视口宽度的1%-vh=相对于视口高度的1%，这值得添加到答案中，谢谢。澄清一下：vw和vh是基于窗口宽度和高度的单位。vw=相对于视口宽度的1%-vh=相对于视口高度的1%，这值得添加到答案中，谢谢。

<p id="sizing">hi</p>

window.onload = function() {
    (function getWindowSize() {
        var el  = document.getElementById('sizing');

        var d   = document, root= d.documentElement, body= d.body;
        var wid = window.innerWidth || root.clientWidth || body.clientWidth;

        return el.style.fontSize = (wid/12)+"px";
    })();
};