Programming language/HTML & CSS
플루이드 그리드 및 이미지 만들기
hello-world
2014. 4. 22. 02:50
728x90
반응형
하위요소의 %값=변경하는 요소의 절대값/상위요소의 절대값x100
=800px / 1024px * 100
=78.125%
상대적인 값 구하기
예/ padding: 10px
10px / 1024px * 100 = 0.9765625%
예/ margin: 12px
12px / 1024px * 100= 1.1711875%
예/ width: 800px
800px / 1024px *100=78.125%
아래는 플루이드 이미지 만들기 예시
img{
max-width:100%;
height:auto;
}
#background-image{
/* height값 필요~(때에 따라선 @media로 디바이스마다 height값 조절이 불가피) */
background-size:cover;
}
embed, object{
max-width:100%:
}
728x90
반응형