css - 浏览器最小化时圆形 div 重新定位

Question

为客户工作时遇到问题。

当浏览器最大化时，圆圈的顺序是正确的:天、小时、分钟、秒。但是，当我缩小浏览器时，圆圈会重新定位并变成秒、分钟、小时、天。

可在此处找到该站点:http://freelancing.io/

可以在网站上找到 HTML 源代码。 可以在此处找到更有条理的 CSS 版本:https://gist.github.com/jackdempsey/2b8cc3c30207e9043754

请帮忙？

Answer 1

您正在使用响应式设计，它会针对给定的浏览器窗口大小动态更改事件的 CSS 规则。

当你缩小它时，你的圈子的 CSS 规则变成了:

#coming_soon .count .box {
    float: none;
    display: inline-block;
}

只需删除或注释 float: none; 规则，这样它就可以向右浮动并恢复正确的顺序。