Google Chrome 开发工具宽度与 window.innerWidth 不同答案

【问题标题】：Google Chrome Dev Tools width is different from window.innerWidthGoogle Chrome 开发工具宽度与 window.innerWidth 不同
【发布时间】：2022-01-27 00:34:16
【问题描述】：

如何使 Google Chrome 开发工具的宽度与 window.innerWidth 相同

PS：window.screen.width 解决了我的问题

【问题讨论】：

你想达到什么目的？这个getCurrentPage在哪里使用，在屏幕截图中显示在哪里？
我想在调整大小时正确显示页面。 getCurrentPage 和 getTotalPage 在 class 中用于呈现当前页面和总页面。问题是我无法弄清楚我是否正确if 条件，当我调整它的大小时它会显示错误的页面。在图像上，我显示宽度为 1250。页面必须是 1-5 而不是 1-4，因为 else if (width > 1079) return totalSlides / 4;
你从哪里得到width，它在你的方法中使用？屏幕截图中显示的宽度是视口宽度。
出于调试原因，请将console.log(width) 添加到方法的开头。
来自window对象

标签： javascript google-chrome google-chrome-devtools width responsive

【解决方案1】：

你应该做一个通用函数。

    function paginate(array, page_size, page_number) {
     return array.slice((page_number - 1) * page_size, page_number * page_size);
    }

每当您的屏幕尺寸发生变化时调用此函数。首先，尝试相应地获取数据，然后使用 CSS 修复 UI。

【讨论】：

所以原因是 Google Chrome 开发工具向我显示的宽度数与 console.log(window.innerWidth) 不同