我如何计算网格框中的最大项目数量答案

【问题标题】：How do i calculate maximum amount of items in grid box我如何计算网格框中的最大项目数量
【发布时间】：2022-11-02 17:17:48
【问题描述】：

我正在做一个小应用程序。为此，如果网格框具有整个视口高度的大小，我需要可以放入网格中的最佳项目数量。

我拥有的数据：项目高度和宽度、网格框宽度、视口高度。

项目尺寸在每个屏幕尺寸上保持不变，其他值发生变化。

网格盒装订线大小为 20px 或 1.25rem。

export const calcHitsPerPage = () => {
  
 const productCard = document.querySelector('.ProductCard____0JXki');
  let productCardWidth = productCard.offsetWidth;
  let productCardHeight = productCard.offsetHeight;
  
  const grid = document.querySelector('.ProductGrid____hZ3pR');
  let gridWidth = productCard.offsetWidth;

  var viewportWidth = window.innerWidth;
  var viewportHeight = window.innerHeight;
};

【问题讨论】：

标签： javascript css

【解决方案1】：

每一行都用 div 覆盖并给出一些类名
然后 $('.rowdiv').each(function(){}); -- 这是 jquery ，你可以根据需要使用 js。
在这个函数中，使用this.find('.itembox').length，这样就可以计算出每一行包含的box数。

【讨论】：