Canh chỉnh css reponsive

by Unknown Wednesday, February 24, 2016 0 comments CSS

@media only screen and (min-width: 1200px) {
    #detail-news {
        .grid-offer-photo img {
            width: 263px;
            height: 185px;
        }
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    #detail-news {
        .grid-offer-photo img {
            width: 330px;
            height: 247px;
        }
    }
}

@media only screen and (max-width: 767px) {
    #detail-news {
        .grid-offer-photo img {
            width: 330px;
            height: 232px;
        }
    }
}

@media only screen and (max-width: 497px) {
    #detail-news {
        .grid-offer-photo img {
            width: 100%;
        }
    }
}