Question

我有这样的代码，可以在调整div的大小时调整元素中的字体大小。

问题是，当div调整大小时，我需要字体始终调整为最大高度和宽度。

目前还没有调整到它的最大高度和宽度。

这是我目前的代码：

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <title></title>
   <style>

      body {
         padding: 50px;
      }

      .wrapper {
         border:1px dashed #ccc;
         overflow: hidden;
         resize: both;
         text-align: center;
      }

   </style>
</head>
<body>


<div class="wrapper">

    Some Text Here

</div>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>
     $(document).ready(function() {

        $('.wrapper').mouseup( function() {


            var fontsize = $('.wrapper').width() / 2;

            $('.wrapper').css('font-size', fontsize + '%');

        });

    });
  </script>
</body>
</html>

我该怎么做？

当调整div时，Javascript / Jquery使fontsize完全调整大小

0 个答案: