大佬教程收集整理的这篇文章主要介绍了jquery – 移动时双倍字体大小不是双倍宽度？桌面好的，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我正在尝试用文本(font-sizE)填充容器宽度.
当我为element设置double font-size时,我预计也会有双倍宽度.在桌面上工作得非常好,但在移动设备上却没有,宽度略大于2倍.
ChildFontSize = "actual child font-size" * "container width" / "child width"
结果：
在桌面上2 *“font-size”= 2 *“width”< - 好的 在移动2 *“font-size”〜= 2.2 *“宽度”< - 不,2.2是错误的... 究竟：
>检查容器宽度,例如300像素
>循环容器儿童,大约6x跨度
>检查实际儿童宽度,例如. 150像素
>除以“容器宽度”/“子宽度”,例如结果是2
>检查实际的子字体大小,例如. 30PX
>乘以“子字体大小”*“除法的结果”,例如结果是60px
实例：
Freelance PHP Web Developer Tomas.cc | PHP5,HTML5
完整代码：
var actual;
var newsize;
var multi;
var bigwidth = document.getElementById("big-wrap").offsetWidth;
var bigs = document.getElementsByClassName("big");
for (i = 0; i < bigs.length; i++) {
actual = parseFloat(window.getComputedStyle(bigs[i],null).getPropertyValue('font-size')).toFixed(1);
multi = (bigwidth / bigs[i].offsetWidth);
newsize = parseFloat(actual * multi).toFixed(1);
bigs[i].style.fontSize = newsize + "px";
}
渲染：
这是桌面Chrome,几乎是完美的.
这是Android Chrome,不太好……
非常感谢您的帮助:)尝试解决它已经有3个小时了：/
以上是大佬教程为你收集整理的jquery – 移动时双倍字体大小不是双倍宽度？桌面好的全部内容，希望文章能够帮你解决jquery – 移动时双倍字体大小不是双倍宽度？桌面好的所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。