怪异页面使用媒体查询

Question

当我在做一个页面就使用媒体查询：

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

如果页面宽度尺寸< = 320像素（我们称之为小页），它会加载内媒体的CSS查询。 但是我遇到了一个问题，如果我在Chrome中打开tab1，并调整浏览器宽度小于320px，移动样式页面将显示，但随后我在新的tab2中打开一个新页面，然后最大化此选项卡，稍后（5分钟），回到tab1，它仍然加载移动风格。如果我立即回去，tab1将显示正确的CSS样式。 请看screeshot。

图1是正常的页面
图2是小页面加载媒体查询风格
图3是怪异的页面，如果最大化的另一个选项卡，有的一会儿，回到帐页汇总，它会是这样的，期望的结果是显示正常页面

Answer 1

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

也许你应该尝试：

只有屏幕和（最小宽度：320像素）{}的

代替

只有屏幕和（最大宽度：320像素）{} 。