반응형관련 종류별 사이즈 쌤플
Posted by Albert 4008Day 10Hour 9Min 7Sec ago [2014-05-01]
.imgrap {width:550px}
/* bigest*/
@media only screen and (min-width: 1279px){
.imgrap {width:550px}
}
/* common biger 960 */
@media only screen and (min-width: 960px) and (max-width: 1279px){
.imgrap {width:450px}
}
/* 'Tablet (Portrait)*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.imgrap {width:310px}
}
/* 'Mobile (Portrait) */
@media only screen and (max-width: 767px) {
.imgrap {width:130px}
}
/* 'Mobile (Landscape) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.imgrap {width:290px}
}