预加载的媒体查询CSS不适用于在Chrome中调整大小

预加载的媒体查询CSS是一种优化技术，用于在浏览器加载页面时提前加载适用于特定媒体查询条件的CSS样式。然而，在Chrome浏览器中调整页面大小时，预加载的媒体查询CSS可能不会生效。

媒体查询是一种CSS功能，它允许根据设备的特性（如屏幕宽度、高度、分辨率等）来应用不同的样式。预加载的媒体查询CSS通过在页面加载过程中提前加载适用于特定媒体查询条件的CSS样式，以提高页面加载速度和性能。

然而，在Chrome浏览器中，当调整页面大小时，预加载的媒体查询CSS可能不会重新应用。这是因为Chrome浏览器在调整页面大小时，通常会重新计算和应用媒体查询规则，而不会使用预加载的CSS样式。

为了解决这个问题，可以考虑以下几点：

1. 使用媒体查询CSS的常规方式：将媒体查询CSS直接包含在页面的样式表中，而不是使用预加载的方式。这样，在调整页面大小时，浏览器会重新计算和应用媒体查询规则。
2. 使用JavaScript监听窗口大小变化事件：通过JavaScript监听窗口大小变化事件，可以在窗口大小发生变化时，动态地应用适用于特定媒体查询条件的CSS样式。这样可以确保在Chrome浏览器中调整页面大小时，媒体查询CSS能够正确地生效。
3. 使用其他优化技术：除了预加载的媒体查询CSS，还可以考虑使用其他优化技术来提高页面加载速度和性能，例如使用缓存、压缩资源、延迟加载等。

总结起来，预加载的媒体查询CSS在Chrome浏览器中调整页面大小时可能不适用，可以通过将媒体查询CSS直接包含在页面样式表中、使用JavaScript监听窗口大小变化事件或使用其他优化技术来解决这个问题。