我是jQuery的新手，我正在尝试创建最基本的动画示例。其目的是，使用div中包含文本的百分比，以便在有意义的情况下考虑不同的屏幕大小？
这是我开始使用的jQuery：
$(document).ready(function() {
$('#exampleDiv').animate({'marginLeft': '+=125px'}, 2000);
});
它可以工作，但不占屏幕大小的不同。所以我想换成基于百分比的。
我试过：
{padding-left:58%}和{left:58%}但这些对我也不起作用，因为我希望这是基于一个div，如果有意义的话，这个div包含在其中？所以我想学习如何根据div容器的百分比来设置动画值。以及如何在此基础上设置字体大小。<div id="container" width="300px" height="300px">
<div id="exampleDiv">Text to slide in</div>
</div>
所以我再次学习，如果有更好的方法，我欢迎并感谢所有的建议，例子等。
一如既往地谢谢你！
最佳答案
正如Adeneo所提到的，您可以使用%作为CSS属性，我用了一种非常类似的方法。
jsfiddle
这将抓取#container的宽度，将其存储在变量中，并使用以下方法计算百分比：.width() / 100 * 50;，将* 50更改为所需的百分比。
它还有一个附加的功能，就是可以引用回它，以获得您可能还需要设置样式的其他元素。