Question

这个网站lbitaliantours.com，我只是不知道为什么它不起作用。

 <script>
        var width = window.innerWidth
        console.log(width);
        function myFunction() {if (width < 900) {
        var buffalo = document.getElementById("featured");
        buffalo.style.font = "65px";
        }
        }
        myFunction();
        console.log(buffalo);

    </script>

Answer 1

使用fontSize而不是font

var width = window.innerWidth;
            console.log(width);
            function myFunction() {
                if (width < 9000) {
                    var buffalo = document.getElementById("featured");
                    buffalo.style.fontSize = "65px";
                }
            }
            myFunction();

Answer 2

我认为实现目标的最佳方法是使用CSS媒体查询。 Here's一个例子。当您调整浏览器的大小时，一旦它低于500px，您将看到文本更改它的字体大小。

Answer 3

那是因为您所引用的属性需要更多参数。如果要设置属性字体，则应该这样做。。。 element.style.font = '65px arial, sans-serif如果您只想更改大小，则必须指定element.style.fontSize = '65px'

Javascript的新功能，样式不会影响任何内容

3 个答案: