2014-11-21 66 views
0

在第一次或刷新页面的过程中,字体大小与调整大小后的字体大小(较小)完全不同(较大)。在下面的情况下找不到css字体大小更改触发器?

我已经调试了很长时间,尝试过使用px或em,但字体大小的改变效果在重新调整行为后非常显着,而不是以我期望的逐渐改变的形式。在这种情况下,没有特别定义的Javascript来改变字体大小,因为从头开始编码。

我也给出了尽可能调试问题的功能; (对不起,我已经删除了链接,因为问题已解决,真正的答案在下面)

最初,我的目的是使用'em'相对字体大小并让字体大小自动更改位随着器件宽度的减小而变化; 现在它不符合我的预期,我正在寻找原因。

摘要(使用的字体端框架列示如下)

jQuery的,jQuery的UI,自举3,fullpage.js,bigvideo.js

+0

非正式它看起来像一个画面重新绘制问题。 – 2014-11-21 15:23:12

+0

可能无关,但你正在加载jQuery – Turnip 2014-11-21 15:35:26

+0

的缩小和非缩小版本也感谢指出我的双重加载脚本,这个问题是由fullPage.js默认选项 造成的resize:true我错过了关闭; – BOBO 2014-11-21 16:55:55

回答

1

如果使用fullPage.js和你不您不希望插件修改您的文本,您应该将选项resize设置为false,因为它默认处于活动状态:

使用resize:false

fullPage.js docs

调整大小:(默认为true)是否要在窗口大小调整文字大小。

如果你想完全控制你的字体大小,我建议你使用CSS3媒体查询。

+0

这正是字体大小的触发器。现在我已经在fullPage选项中启用了这一行。如此真实,它会自动停止自动重新调整大小。 – BOBO 2014-11-21 16:46:16

+0

,我会使用@media quires来进行精确的字体大小控制,这似乎比fullPage.js演示页面使用的“em”字体大小更好。 – BOBO 2014-11-21 16:51:15

相关问题