如何在屏幕大小改变时停止div内容的收缩？

在屏幕大小改变时停止div内容的收缩，可以通过监听窗口的resize事件来实现。具体步骤如下：

首先，给需要停止收缩的div元素添加一个唯一的id属性，方便后续操作。
使用JavaScript代码，在页面加载完成后或者在需要的时候，绑定resize事件的监听器。

window.addEventListener('resize', function() {
  // 在这里编写停止收缩的逻辑
});

在resize事件的监听器中，获取到需要停止收缩的div元素。

var divElement = document.getElementById('your-div-id');

在resize事件的监听器中，判断屏幕大小是否已经达到或超过你希望停止收缩的阈值。可以使用window.innerWidth来获取当前窗口的宽度。

if (window.innerWidth >= yourThreshold) {
  // 在这里编写停止收缩的逻辑
}

在停止收缩的逻辑中，可以通过修改div元素的CSS样式来实现。比如，可以设置div元素的最小宽度或最小高度为当前的宽度或高度。

divElement.style.minWidth = window.innerWidth + 'px';

如果需要在屏幕大小改变后重新开始收缩div内容，可以在resize事件的监听器中添加相应的逻辑。

完整的代码示例：

window.addEventListener('resize', function() {
  var divElement = document.getElementById('your-div-id');
  if (window.innerWidth >= yourThreshold) {
    divElement.style.minWidth = window.innerWidth + 'px';
  } else {
    // 在这里编写重新开始收缩的逻辑
  }
});

请注意，以上代码只是一个示例，具体的实现方式可能因项目需求而有所不同。此外，如果需要兼容不同的浏览器，可能需要进行一些额外的处理。