如何创建响应式网络摄像头卡,使其随着人数的增加而增长和缩小



我正在学习Django,所以我有点偏离了前端,我希望能找到的帮助

我想创建一个视频聊天网站,让一群人可以加入聊天室,但我被UI卡住了。

我想把第一个摄像头(我的(做大,直到其他人加入,他们缩小到相同的尺寸。

此外,我希望所有东西的大小都是页面的高度,网络摄像头的大小缩小,而不是相反。

我到处找模板,但没有找到我甚至无法将我的问题提交给谷歌

它非常简单,首先只需收集人数,并使用python在页面之间打印此逻辑

首先收集人数并存储在变量中,假设a此后,如果a更新+1,则打印高度为(height of the container in which webcam cards are there)px / a、宽度为(width of the container in which webcam cards are there)px / adiv,这将改变分区的大小

我希望你觉得它是正确的。我不知道Django,但每种语言的逻辑都是一样的。所以,我刚刚告诉了你逻辑,现在你可以构建你的代码了:(

最新更新