Javascript textarea字体大小不在屏幕上更改使用jquery调整大小
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
$(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)