반응형 CSS8 flex를 이용한 반응형 레이아웃 display: flex 를 이용한 레이아웃입니다. Header Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Aside 1 Aside 2 Footer .wrapper { display: flex; flex-flow: row wrap; font-weight: .. 2019. 9. 29. will-change will-change는 변화가 예상되는 요소를 브라우저에게 미리 알려줍니다. 브라우저는 실제 요소가 변화되기 전에 적절하게 최적화를 할 수 있습니다. 큰 비용이 드는 변화도 최적화로 인해 페이지의 반응성을 증가시킬 수 있습니다. will-change의 지원 범위 will-change의 속성 will-change: auto; will-change: scroll-position; will-change: contents; will-change: transform; will-change: top, left; auto 기본값으로 브라우저는 별다른 최적화를 실시하지 않습니다. scroll-position 스크롤 할 때 엘리먼트의 위치가 변경될 것을 알려줍니다. 이 값을 설정하면 브라우저는 스크롤 가능한 엘리먼트를 .. 2019. 9. 26. 이전 1 2 다음 반응형
