플루이드 그리드 및 이미지 만들기

하위요소의 %값=변경하는 요소의 절대값/상위요소의 절대값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%:

}