2

我需要Text Resize适用于所有浏览器和移动设备的网站选项。

所以任何人都建议使用 jQuery 插件或任何其他库来实现此功能

  • 火狐浏览器
  • 谷歌浏览器
  • 互联网浏览器 8
  • 其他设备，如 IPAD、IPHONE、Android 手机和 Windows 手机

我需要最大 3 级大和 3 级小

4

3 回答 3

3

您可以下载测试这两个作品 g8 https://github.com/jquery-textfill/jquery-textfill https://github.com/davatron5000/FitText.js

于 2013-06-17T13:18:51.490 回答
1

有JQuery.InputFit插件，你可以这样使用：

<input type="text" name="younameit" id="input">
<script type="text/javascript">
$('input').inputfit();
</script>

或者，您可以使用 JS 自己制作：

<p>A function is triggered when the user releases a key in the input field. The function transforms the characters size.</p>
Enter your name: <input type="text" id="fname" onkeyup="myFunction()">


function myFunction(){
var x=document.getElementById("fname");
    var initialSize=25-x.value.length;
    initialSize=initialSize<=10?10:initialSize;
x.style.fontSize = initialSize + "px";
}

并且可能修复输入大小：

#fname {
    height:25px;
    width:225px;
}

看看这个演示

至于调整整个身体的大小，你可以这样做：

$(document).ready(function() {
   var myOriginalMonitorWidth=1500;
   var thisWidth= $('body').width();
   var reFactor = thisWidth/myOriginalMonitorWidth;
   var ActualSize=  $('body').css("font-size");
        ActualSize = ActualSize.replace('px','');
    var NewSize=  parseInt( (ActualSize*reFactor),10);
     $('body').css("font-size",NewSize+"px");


});

这是一个工作演示。

于 2013-06-17T13:16:39.520 回答
0

您可以为此使用下面的 jquery 插件。

http://demos.angstrey.com/jquery/plugins/jquery.textresizer/demos/simple-demo.htm

于 2013-06-17T13:14:56.277 回答