본문 바로가기

디자인/HTML, CSS, JS32

CSS 그리드로 간결한 미디어 쿼리 Concise Media Queries with CSS Grid 미디어 쿼리는 일반적으로 웹 사이트에서 반응 형 레이아웃을 제어하는 ​​데 사용됩니다. 이 방법으로 레이아웃을 구성하는 것은 직관적입니다. 와이드 데스크탑 디스플레이에서는 열에 정보를 표시하고 화면 너비가 임계 값 아래로 감소함에 따라 요소를 세로로 쌓습니다. 현대 CSS로이 문제에 대한 해결책이 과거보다 쉬워졌습니다. 더 이상 display: table;꿈의 레이아웃을 달성하는 것과 같은 룰을 사용해서는 안됩니다 . flexbox와 같은 CSS 모듈과 몇몇 영리한 프레임 워크는 최소한의 코드로 그리드를 쉽게 만들었지 만, CSS 그리드를 사용하면 그리드 규칙을 한 번 작성하고 단일 규칙으로 모든 프레임 워크없이 원하는 화면 크기로 원하는 .. 2018. 12. 17.
CSS 그리드가 부트스트랩 보다 나은 이유 CSS Grid는 웹에 레이아웃을 만드는 새로운 방법입니다. 처음으로 우리는 브라우저에서 기본적으로 사용할 수있는 적절한 레이아웃 시스템을 갖추고있어 많은 이점을 제공합니다.CSS Grid를 가장 인기있는 프레임 워크, 즉 Bootstrap과 비교하면 이러한 이점이 특히 명확 해집니다 ( 여기서는 btw 에 대한 무료 과정을 만들었습니다 ).JavaScript를 도입하지 않으면 이전에는 불가능했던 레이아웃을 만들 수있을뿐만 아니라 코드를 유지하고 이해하기가 더 쉬울 것입니다.이 기사에서는 왜 그런지 설명 할 것입니다.참고 : 또한 무료 CSS 그리드 과정을 만들었습니다. 여기를 클릭하면 전체 내용을 볼 수 있습니다.또는 과정 전반에 걸쳐 배울 내용을 설명하는 이 기사를 확인하십시오 .CSS Grid를 배.. 2018. 12. 17.