调整窗口大小会在使用媒体查询时破坏浮动行为?

时间:2015-01-20 09:12:09

标签: css css-float media-queries window-resize

我有一个网站,我正在使用导航栏,其中包含辅助块级元素(我的情况下的图像)<a>标记内的浮动或不浮动响应窗口大小。只要用户在加载页面后从不调整浏览器窗口的大小,问题就永远不会发生,但看起来如果页面被拉伸,然后按比例缩小而不重新加载页面,浮动样式附加到主CSS声明(不在@media查询中)无法激活。

http://jsfiddle.net/MrPickle/ace1rtrq/

这是我看到的行为示例(使用与布局相同的css代码)。如果你玩结果面板的大小,你可以看到我在说什么。

我知道我可以使用javascript来监控页面的宽度,并根据需要在内部元素中添加或删除.left类,但我认为这不是最优雅的解决方案。有没有人遇到过这种问题?

0 个答案:

没有答案