Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript textarea字体大小不在屏幕上更改使用jquery调整大小_Javascript_Jquery_Html_Css - Fatal编程技术网

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

Javascript textarea字体大小不在屏幕上更改使用jquery调整大小,javascript,jquery,html,css,Javascript,Jquery,Html,Css,jQuery代码 $(window).on('resize', function(){ if ($(window).width() <= 800) { $('textarea').css("font-size", "20x"); } else { $('textarea').css("font-size", "30x"); } }); $(窗口).on('resize',function()){ 如果($(window).wi

jQuery代码

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

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

});
$(窗口).on('resize',function()){

如果($(window).width()您使用了
20x
,可能是在
20px
?之后设置
字体大小
,以像素为单位。

为什么要使用纯CSS进行此操作?我提供一个,因为您将问题标记为CSS

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

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

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

因为您有一个打字错误,它的
px
不是
x
所有的
必要的吗?我测试了这个,它只使用
(最大宽度:800px)