반응 형 레이아웃의 지연?

Question

Responsive design에서 "지연"을 어떻게 만드는지 알고 싶습니다.

무슨 뜻입니까? awwwards.com을 예로 들겠습니다. 브라우저의 너비를 줄이면 사이트가 응답하는 데 약간의 지연이 있습니다.

나는 코드를 상상하는의 것 인이 :

html, body {transition: all 0.2s ease-in-out;} 

하지만 분명 밤은 (... 아니면?!이다)

그냥되는 내 자신의 사이트에이 효과를 적용 할 Blue Harlequin

Answer 1

이

CSS처럼 .w CSS 클래스에 -webkit-transition: width 0.3s linear;을 추가

.w { 
    width: 960px; 
    margin: 0 auto; 
    -webkit-transition: width 0.3s linear; 
    } 

을 .W가로 레이아웃을 만들 것입니다 모든 요소 때문에 그 클래스로의 전환을 추가의 컨테이너이기 때문에 어때?

Answer 2

transition: width 0.3s linear 0s;이 있지만 wrapper div에 있습니다.