picture 태그1 반응형 웹 사이트 만들기 어떤 기기에서도 동일한 레이아웃을 가지면서 기기의 특성에 맞게 웹 문서가 표현되려면 문서 안의 각 요소의 너비를 백분율과 같은 가변 값으로 지정하면 된다. 가변 그리드 레이아웃(fluid [grid] layout) : 사이트의 레이아웃을 백분율로 지정하는 것 가변 그리드 레이아웃 만들기 ① 전체를 감싸는 요소 확인하기 가변 그리드는 웹 컨텐츠 전체를 감싸는 요소의 너비(ex. 960px)를 기준으로 각 요소의 너비를 계산한다. 전체를 감싸는 요소(wrapper나 container)가 화면에 가득 차게 표시하고 싶으면 너비를 100%, 화면 양 옆에 여백을 살짝 두고 싶으면 너비를 96%로 지정하겠다. ② 각 요소의 너비 값 계산하기 요소의 너비를 전체를 감싸는 요소를 기준으로 백분율로 정한다. cf. %.. 2022. 7. 6. 이전 1 다음