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

Question

jQuery代码

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

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

});

演示

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

Answer 1

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

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

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

演示 (调整窗口大小以查看效果)