반응형 이미지 동영상 적용하는 방법
퍼블리셔/css2012. 12. 11. 09:00
반응형으로 이미지와 동영상을 적용하는 방법을 알아보겠습니다. 미디어쿼리를 ie가 지원하지 않기 때문에 자바스크립트등을 적용하는 방법이 아닌 순수 html 과 css 만으로 반응형으로 동작하는 방법을 알아보고, 티스토리 블로그에도 적용이 가능한 방법을 알아봅니다. ie 에서 미디어쿼리등을 지원하는 방법등은 나중에 다시 쓰겠습니다. 이미지가 반응형으로 자동으로 크기가 줄어들고 커지고 할려면 코드는 간단합니다. img { max-width: 100%; height: auto; } 근데 여기에는 한가지 알아두어야 할 점이 있습니다. img 의 최대크기를 100%라고 했지만 이것은 어디까지나 부모의 너비가 최대치입니다. 즉 부모가 너비가 width:500px 처럼 한정되어 있으면 최대 500px 까지만 커지는 겁..