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;规则，使其可以正确浮动并恢复正确的顺序。