이미지, 영상 사이즈 자동조절css

동영상 사이즈 자동조절

img,

video { display: inline-block;

    width: auto\9 !important; /* ie8 */

    width: auto !important;

    max-width: 100%;

    height: auto !important;

}

.video-container {

    position: relative;

    height: 0;

    padding-top: 30px;

    padding-bottom: 56.25%;

    overflow: hidden;

}

.video-container iframe,.video-container object,.video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

이미지 사이즈 자동변경

img {

    display: inline-block;

    width: auto\9 !important; /* ie8 */

    width: auto !important;

    max-width: 100%;

    height: auto !important;

}

css에 복사해 붙여 넣으면 됩니당.

출처 - http://aiiblue.tistory.com/67