textarea字体大小不会在屏幕上更改使用jquery调整大小

Question

jQuery代码

$(window).on('resize', function(){

    if ($(window).width() <= 800) { 
        $('textarea').css("font-size", "20x");
    } else {
        $('textarea').css("font-size", "30x");
    }

});

Demo

当窗口宽度小于800px 时，我想在文本区域中使文本变小。这段代码有什么问题？

Answer 1

为什么jquery什么时候可以用纯CSS做到这一点？我提供一个，因为您已将问题标记为CSS

我在这里使用@media查询，在调整大小时会将相关的样式应用到textarea

@media all and (max-width: 800px) {
    textarea {
        font-size: 20px;
    }
}

Demo （调整窗口大小以查看效果）

Answer 2

您使用过20x，也许您曾在20px之后？以像素为单位设置font-size。