缩容时DIVs会被拉开

是因为在网页布局中，DIV元素通常用于划分页面的不同区域或容器。当页面缩小尺寸时，如果没有适当的响应式设计或布局调整，DIV元素可能会被拉开，导致页面显示不正常。

为了解决这个问题，可以采取以下措施：

1. 响应式设计：使用CSS媒体查询和弹性布局技术，根据不同的屏幕尺寸和设备类型，调整DIV元素的大小和位置，以适应不同的屏幕大小。
2. 弹性布局：使用CSS的flexbox或grid布局，可以根据可用空间自动调整DIV元素的大小和位置，使其在不同尺寸的屏幕上保持一致的布局。
3. 断点设置：在响应式设计中，可以设置不同的断点，即屏幕尺寸的临界点，根据不同的断点应用不同的样式和布局，以确保在不同的屏幕尺寸下DIV元素的正常显示。
4. 流式布局：使用百分比或相对单位来定义DIV元素的宽度和高度，使其随着窗口大小的改变而自动调整大小，以保持页面的整体布局稳定。
5. 图片适应性：对于包含图片的DIV元素，可以使用CSS的max-width属性来限制图片的最大宽度，以防止图片在缩小页面时溢出DIV元素。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云弹性伸缩（Auto Scaling）：https://cloud.tencent.com/product/as
• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
• 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
• 腾讯云云数据库MySQL版（TencentDB for MySQL）：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke

请注意，以上链接仅供参考，具体产品选择应根据实际需求和情况进行评估。