关于容器宽度变化的疑问

来源：10-9 通用组件-瀑布流：适配移动端，动态列

CoderVi

2023-04-01

老师，这个变化是在缩放的过程中出现的我理解，但是为什么容器宽度会变小呢？从PC端变成移动端的窗口大小，容器宽度如果是在这个过程中计算的，得到的那个错误的容器宽度不应该比原先更大吗？介于移动端和pc端之间的某个值。

写回答

1回答

别人都说我可帅

2023-04-01

嗯哼？列变少了，容器宽度不就变小了嘛？

CoderVi

我用原生写了一个div，宽度为100%，我定时循环打印它的宽度，然后在开发者工具中进行pc端移动端的切换，pc端宽度1400，移动端370，偶尔也会出现这一节中的这个问题，出现一个508的宽度，按这个道理说在缩放过程中获得的宽度应该介于二者之间，但这一节的代码会得到一个比原先移动端更小的宽度，我就有点疑惑。

2023-04-01

共2条回复

基于 Vue3 ，打造前台+中台通用开发提效解决方案

42 种前台常见业务模型， 15 种中台通用组件，成为前端提效高手

788 学习 · 517 问题

查看课程

相似问题

老师关于不可以使用nextTick的疑问

回答 1

老师我是用pinia完成的这一节的功能，但是每次页面刷新时navigationBar和它的横向滚动条会抖动一下

回答 2

不需要图片预加载的情况不应该是从接口数据中获取的高度吗？

回答 1

瀑布流在pc端和移动端切换时没有自动变化

回答 3

为什么这里要使用定时器，而不是使用nextTick，nextTick回调的执行不也是在DOM渲染完毕后吗，为什么不能拿到正确的容器宽度呢？

回答 1

打开慕课网App查看更多内容