在jQuery中更改div的字体大小

Question

如果我使用的是 iphone，我想用 jquery 更改字体大小。我从头部的样式部分开始

txtArea {font-size:30px}

我在正文中有以下代码 if ($(window).width()

但是，在 iphone 上，文字仍然很小。知道是什么原因造成的吗？谢谢。

Answer 1

如果您将 <script> 元素放在 #txtArea 元素之前，代码将找不到该元素 --- 因此不会执行任何操作。

您应该将代码包装在一个文档就绪处理程序中，如下所示：

<script>
$(document).ready(function() {
    if ($(window).width() < 600) {
        $('#txtArea').css('font-size', '60px');
    }
});
</script>

那么代码直到#txtArea元素存在后才会执行。