使用媒体查询时的奇怪页面

Question

我正在做一个使用媒体查询的页面：

@media
only screen and (max-width: 320px){}

如果页面宽度大小＆lt; = 320px（我们称之为小页面），它将在媒体查询中加载css。 但是我遇到了一个问题，如果我在Chrome中打开一个tab1，并将浏览器宽度调整为小于320px，则会显示移动样式页面，但随后我会在新的tab2中打开一个新页面，然后将此选项卡最大化一段时间（ 5分钟），回到tab1，它仍然加载移动样式。如果我立即返回，tab1将显示正确的CSS样式。 请参阅screeshot。

图1是正常页面
图2是加载媒体查询样式的小页面 图3是奇怪的页面，如果最大化另一个标签，稍后会回到帐户摘要页面，它会是这样的，期望结果显示正常页面

Answer 1

我有同样的问题，但恰恰相反。

也许你应该尝试：

仅屏幕和（最小宽度：320px）{}

而不是

仅屏幕和（最大宽度：320px）{}