Jquery 如何指定无限（AJAX加载）旋转木马的宽度

我试图找出如何以最直接、最有效的方式解决这个问题

我正在构建包含用户撰写的帖子的旋转木马。根据屏幕大小（宽度），旋转木马中显示的帖子数量将有所不同：

----------------------------------------
<  POST  POST  POST  POST  POST  POST  >
----------------------------------------
----------------------
<  POST  POST  POST  >
----------------------
----------
<  POST  >
----------

----------------------------------------

----------------------------------------
----------------------

----------------------
----------

----------

棘手的部分是，我需要根据容器内的帖子数量指定容器的宽度，但帖子数量没有设置，当用户滚动旋转木马时，新帖子将被加载

最好的方法是什么？懒惰的方法是给容器大约1000000%的宽度，我想到的另一个方法是制作一个jquery脚本，该脚本将计算当前加载的帖子数量（当前未显示的帖子）*帖子宽度，并随着每次单击箭头（触发从数据库脚本加载帖子）而增加

---

既然我在这方面不是很在行，那么上面提出的解决方案是好的，还是有更好、更有效、更符合常识的方法来解决这个问题呢？

我最终使用了媒体查询和calc（）函数以及jquery

我添加了不同分辨率的媒体查询，并使用calc（）根据与屏幕宽度（100%宽度-2*边距（60px）除以所需的帖子数）相关的所需数字为对象提供宽度：

接下来，我使用jQuery添加了简单的动画功能，以根据单击的箭头更改边距，这将移动容器可见部分的宽度值：

contentWidth = $content.outerWidth();

$buttonLeft.on('click', function() {
    $ontainer.animate({
        'margin-left' : '+=' + contentWidth
    });
});

这样，我有灵活的职位证明完全准确的容器，我可以旋转他们与100%的准确性。我必须添加脚本，在屏幕调整大小时刷新页面，因为这种嵌套元素结构几乎不可能使其响应，因为动态更改边距和帖子宽度

contentWidth = $content.outerWidth();

$buttonLeft.on('click', function() {
    $ontainer.animate({
        'margin-left' : '+=' + contentWidth
    });
});