Question

我正在尝试使用大量文本创建输入字段。我希望此文本的大小最大，然后相应地进行缩放，以便长电子邮件地址不会离开视野。

HERE是一个开发网站。

我正在使用fittext.js来尝试实现这一目标。

然而，我觉得我以前在某个地方看过这个，并没有像我觉得的那样复杂。

有人有任何建议吗？

感谢。

Answer 1

如果您将输入设置为等宽字体，您可以想象将一个侦听器放在keyup事件上，获取输入字符的长度，然后计算字体大小应该有多小以使值适合一条线。

var input = $("input");
input.on("keyup",function(evt){

    var char_count = input.val().length;
    var input_width = input.width();
    var new_font_size = Math.floor( input_width / char_count );
    input.css("fontSize",new_font_size+"px");

});

查看this fiddle。

Answer 2

Fittext似乎不喜欢被多次调用。请尝试使用此插件：https://github.com/vxsx/jquery.inputfit.js

然后，你可以 jQuery('.putin').inputfit();

示例：http://jsfiddle.net/BGJjS/

巨响应输入字段文本

2 个答案: