Firefox CSS 动画

Question

我有移动视图动画，它在 Chrome 移动设备上完美运行，但在 Firefox 上，元素定位结果很差。在 Opera 和 Safari 中运行良好。

<div 
class="fptext">text/text   
Text/text</div>
<div  
class="fatext">text/text/
text/txt</div>

CSS 动画：

@media (max-width: 768px). 
{.fptext {animation: fadeout 
50s ease forwards;animation. 
delay: 0s;padding:0px;
}}

@keyframes fadeout{
from {font-size: 0px} to 
{font-size: 40px;}}

@media(max-width: 768px). 
{.fatext{animation: bigger 
50s ease forwards;animation. 
delay: 0s;; 
position:relative;font-size: 
15px; color:#43ff0a;bottom: 
1700px; font- 
weight:bolder;padding: 
0px;background 
color:blue;display:block
;margin-bottom: -1750px
}} 

@keyframes bigger 
{from{font-size: 0px} to 
{font-size: 18px;}}

见手机here

Answer 1

我在我的浏览器上检查了你的代码，当我遇到跨浏览器问题时，我会根据我的需要从规范化或重置开始，当我检查时我没有看到任何一个，所以你可能会通过添加规范化看到改进.css 到您的项目。您还担心美国市场份额为 0.62% 的问题，因此只有不到 1% 的人使用它。