목록모바일작업 (1)

Martin`s Work

[CSS] 반응형 작업시 컨텐츠 비율 유지

반응형 작업시 컨텐츠 비율 유지 반응형으로 작업할때, 이미지나 유튜브 동영상 등 비율을 유지하며 가변적으로 크기가 조절되는 레이아웃을 제작할 경우가 있다. 이러한 경우에 사용하면 된다. 1234567891011 body, div{ margin:0; padding:0;} .div{ margin:0; padding:0; overflow:hidden; } .child1{ float:left; width:50%; height:0; padding-top:50%; background-color:red; } .child2{ float:right; width:50%; height:0; padding-top:50%; background-color:blue; } 왼쪽 비율 유지 오른쪽 비율 유지 Colored by Col..
CSS&CSS3 2017. 3. 12. 23:04
Prev 1 Next