브라우저가 최소화 될 때 원 세그먼트의 위치가 변경됩니다.

Question

클라이언트에서 작업을 수행하면서 문제가 발생했습니다.

브라우저가 최대화되면 서클의 순서는 일, 시간, 분, 초입니다. 그러나 브라우저를 줄이면 서클의 위치가 바뀌고 초, 분, 시간, 일이됩니다.

사이트

는 여기에서 찾을 수 있습니다 :

HTML 소스 코드 http://freelancing.io/ 사이트에서 찾을 수 있습니다. CSS의보다 체계적인 버전은 다음에서 찾을 수 있습니다. https://gist.github.com/jackdempsey/2b8cc3c30207e9043754

Help?

Answer 1

반응 형 디자인을 사용하고 있습니다.이 디자인은 지정된 브라우저 창 크기에 대한 활성 CSS 규칙을 동적으로 변경합니다.

서클에 대한 CSS 규칙을 축소

는 becames : 그것은 권리를 떠 적절한 순서를 복원 할 수

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

그냥 제거하거나 float: none; 규칙을 주석 처리합니다.