在jQuery中更改div的字体大小

Question

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

txtArea {font-size：30px}

我的身体中有以下代码       if（$（window）.width（）＆lt; 600）{$（'＃txtArea'）。css（'font-size'，'60px'）;}

然而，在iPhone上，文字仍然很小。知道是什么原因引起的吗？感谢。

Answer 1

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

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

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

然后，在#txtArea元素存在之后，代码才会执行​​。