小编Tom*_*tCC的帖子

Android Chrome有很多问题,包括手机和平板电脑.

我正在尝试用文本(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 * "width"< - Nope,2.2是错误的......

究竟:

1. 检查容器宽度,例如 300像素
2. 循环容器儿童,大约6x跨度
3. 检查实际的儿童宽度,例如.150像素
4. 划分"container width" / "child width",例如 结果是2
5. 检查实际的子字体大小,例如.30PX
6. 乘以"child font-size" * "result of divide",前.结果是60px

实例:

自由职业者PHP Web开发人员Tomas.cc | PHP5,SQL,jQuery,CSS3,HTML5

完整代码:

var actual;
var newsize;
var multi;
var bigwidth = document.getElementById("big-wrap").offsetWidth;
var bigs = …