封顶之谜

Question

在玩马奎斯的时候，我遇到了以下奇怪的行为；

例A

• http://jsfiddle.net/swafe/ 这段文字会弹出

例B

• http://jsfiddle.net/5JQMk/ 这段文字会弹出

问题

为什么在示例A中，文本向各个方向移动，而在示例B中，我所改变的只是元素的高度，文本不再上下移动，只在x轴上移动？

免责声明

• 我从来不想用它来做任何值钱的事。

Answer 1

如果font-size周围的28.7%小于marquee的高度，则文本似乎不会在阻塞区内交替方向。

我只用这个例子进行了测试：http://jsfiddle.net/5JQMk/5/

重申一下，这还不够精确，如果font-size是marquee高度的71.2875%，它不会交替方向，而是向左向右移动。

容器-字体大小-容器的百分比 200 - 143 - 71.50% 300 - 213 - 71.00% 400 - 285 - 71.25% 500 - 357 - 71.40% 平均百分比= 71.2875% 四舍五入完美= 71.3%

这一切为什么要发生？我不知道。@James对原因有一个有趣的想法。

但是marquee是愚蠢的，非常愚蠢的，甚至连W3C都说你不应该使用它。我很想知道你为什么这么彻底地测试它..。

Answer 2

编辑：这似乎是一个"bug?“在铬里。如你所期望的那样在IE中工作。

出于任何原因，behavior="alternate"和direction="down"的组合只有在内容的高度高于marquee的高度时才会移动。

内容完全符合(没有垂直移动)：

http://jsfiddle.net/5JQMk/3/

内容比1/x大：

http://jsfiddle.net/5JQMk/4/

但真的..。不使用..。