Back

CSS Media Queries

Copy Below Code View As A Text File Show Text Only Show API Edit Code
                            

@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ } @media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ } @media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ } @media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ } @media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ } @media (min-width:1281px) { /* hi-res laptops and desktops */ } ========= Own ===== @media (min-width:320px) { .pcOnly{display: none;} .mobileOnly{display: block !important;} /* .mobileOnly{display: block;} */ } @media (min-width:961px) { .pcOnly{display: block;} .mobileOnly{display: none !important;} }