javascriptでフォントサイズを変更(bodyのサイズ依存)

<script>
  //文字サイズを小さくする
  function smaller() { 
    document.body.style.fontSize = 100 + '%'; 
  }
  //文字サイズを普通にする
  function middle() { 
    document.body.style.fontSize = 150 + '%'; 
  }
  //文字サイズを大きくする
  function larger()  { 
    document.body.style.fontSize = 200 + '%'; 
  }
</script>
                <div class="bl_sizeBtn_wrap">
                  <div class="txt fs13">文字サイズ</div>
                  <button type="button" onclick="smaller()" class="bl_sizeBtn" id="fz_sm">小</button>
                  <button type="button" onclick="middle()" class="bl_sizeBtn is_active" id="fz_md">中</button>
                  <button type="button" onclick="larger()" class="bl_sizeBtn" id="fz_lg">大</button>
                </div>
Spread the love
2024.02.27(火)