我正在将当前固定宽度的网站转换为响应式网站，可在以下位置查看：http://www.byfrequency.co.uk/demo
我已经创建了CSS框架并应用了相关的媒体查询（在Gridpak的帮助下），所以没有问题。我得到的问题是当我调整浏览器大小时我的div改变位置并最终产生闪烁效果。这似乎只发生在我的设置宽度768px和1080px之间。
我不知道为什么会这样，以及如何解决问题，因此无法复制和粘贴相关的代码位。非常感谢一些帮助和指导！
答案 0 :(得分：0)
闪烁来自于以一定宽度从左侧跳到右侧的少数元素。由于浏览器对事物的处理方式，上面的行跳跃元素的两半不具有相同的高度。当上面一行的右侧变短1个像素时，跳跃元件向上移动到该空间。它的float: left;属性适合左侧大'较高1像素'块的右侧。
为防止跳跃，请尝试将clear: left;添加到有问题宽度的跳跃元素。 （在我的测试中，将此添加到第761行的 .five 元素会阻止它跳转。我在“媒体”媒体查询中尝试了它，因为您的布局只需要它在min-width: 768px和更宽。）
最终，由于浏览器舍入，您仍然会看到这些行之间的1px高度不匹配，但通过清除问题区域中的浮动将阻止大问题。