使文字拉伸100%

时间:2010-10-17 08:50:18

标签: javascript jquery html css

所以,我说可能对我的客户来说是可能的,我说我会研究它并让他知道。无论如何,使用JS或CSS hack,是否可以使文本延伸100%的窗口?我的意思是,如何通过动态地将字体大小调整到相同的宽度,如何使窗口大小完全符合窗口大小100%?

我正在尝试使用O内部创建一个隐藏的跨度,并动态拉动持有O的跨度的大小,并查看它是否更改,如果是,则根据某些特定大小调整字体大小。这是超级hacky,并不是防弹的,所以这就是我要问的原因。

2 个答案:

答案 0 :(得分:4)

将其列为<span>而不考虑窗口宽度;加载后,查询元素的宽度,并按windowwidth / spanwidth扩展字体大小(以避免舍入问题,将默认字体大小乘以windowwidth,然后将结果除以spanwidth,或使用浮点运算执行所有操作)

答案 1 :(得分:0)

这听起来像是分配不多的工作,但我想到的唯一方法是,你可以先用javascript检测屏幕尺寸并为每个设置一个样式表吗?

但如果用户调整屏幕大小,那么一切都会变得混乱。