본문 바로가기

WEB/Javascipt

Browser 사이즈에 따른 font-size 값(css) 자동 변경


 

  $(window).on('resize', function(){
    sidenvx = $("body").width(); // 브라우저 리사이즈 넓이
    fontSize(); // 폰트사이즈 조정
    side_wd(); // 사이드 메뉴 넓이 조정
  });

        
  // 폰트사이즈 값 구하기
  function fontSize(){
    var brw =  $(window).width();
    if ( brw >= 640 ){
      var fontSize = 1000/100*2;
      $("html").css({
          "font-size": fontSize
      });
    }
    else
    {
        var fontSize = $(window).width()/60*2;
        $("html").css({
        "font-size": fontSize
        });
        //	console.log( "일반 대역  "+fontSize);
    }
  }
  
  // 사이드 메뉴 넓이 조정
  function side_wd(){
      $("#mySidenav").width(sidenvx);
  } 
  
  
  
반응형

'WEB > Javascipt' 카테고리의 다른 글

[Media Queries][plugin]  (0) 2020.06.25
[Plugin] Jquery Timedropper timeplugin  (0) 2019.07.02
모바일 에서 input 태그 숫자키패드 불러오기  (0) 2019.06.18