如何让widgets在不调整的情况下调整大小？

要让widgets在不调整的情况下调整大小，可以使用响应式设计和弹性布局来实现。以下是一些方法：

1. 使用CSS的Flexbox布局：Flexbox是一种弹性布局模型，可以自动调整子元素的大小和位置。通过设置父容器的flex属性和子元素的flex属性，可以实现自适应的布局。具体可以参考腾讯云的Flexbox布局介绍：Flexbox布局介绍
2. 使用CSS的Grid布局：Grid布局是一种二维网格布局模型，可以将页面划分为行和列，并通过设置网格单元格的大小和位置来实现自适应布局。通过设置网格容器的grid-template-columns和grid-template-rows属性，可以实现自适应的布局。具体可以参考腾讯云的Grid布局介绍：Grid布局介绍
3. 使用CSS的媒体查询：媒体查询是一种CSS技术，可以根据设备的特性（如屏幕宽度、设备类型等）来应用不同的样式。通过设置不同的CSS规则，可以在不同的屏幕尺寸下调整widget的大小。具体可以参考腾讯云的媒体查询介绍：媒体查询介绍
4. 使用JavaScript动态调整大小：通过监听窗口大小变化事件，可以使用JavaScript来动态调整widget的大小。可以通过计算窗口大小和widget的比例，来调整widget的大小。具体可以参考腾讯云的JavaScript动态调整大小介绍：JavaScript动态调整大小介绍

总结起来，要让widgets在不调整的情况下调整大小，可以使用CSS的弹性布局（如Flexbox和Grid布局）和媒体查询来实现自适应布局。同时，可以使用JavaScript来监听窗口大小变化事件，动态调整widget的大小。这样可以确保在不同的设备和屏幕尺寸下，widgets都能够适应并保持合适的大小。