@media screen для мобильных устройств

@media screen для мониторов и ноутбуков

@media (min-width: 1240px)  {}

@media screen для планшетов

@media (min-width: 1024px) and (max-width: 1240px)  {}

@media (min-width: 768px) and (max-width: 1024px) {}

@media screen для мобильных телефонов

@media (max-width: 768px) {}

@media screen для iPad в книжной и альбомной ориентации

@media (min-device-width: 768px) and (max-device-width: 1024px)  {}

@media screen для iPad в альбомной ориентации

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}

@media screen для iPad в портретной ориентации

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {}

@media screen для iPad Retina в портретной и альбомной ориентации

@media (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {}

@media screen для iPad Retina в альбомной ориентации

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {}

@media screen для  iPad Retina в портретной ориентации

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}

@media screen для iPad 1 и 2 в книжной и альбомной ориентации

@media (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1){}

@media screen для iPad 1 и 2 в альбомной ориентации

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1)  {}

@media screen для iPad 1 и 2 в портретной ориентации

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen для iPad mini в портретной и альбомной ориентации

@media (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1)  {}

@media screen для iPad mini в альбомной ориентации

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1)  {}

@media screen для iPad mini в портретной ориентации

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1)  {}

@media screen для iPhone 5 в портретной и альбомной ориентации

@media (min-device-width: 320px) and (max-device-width: 568px) {}

@media screen для iPhone 5 в альбомной ориентации

@media (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {}

@media screen для iPhone 5 в портретной ориентации

@media (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {}