Как правильно определить адаптивный дизайн для мобильных устройств.
давайте предположим, что я хочу сделать общий дизайн для iPhone 4 (960 * 640) и для общего андроида (800 * 480).
Должен ли я использовать медиа-запросы?
@media (max-width: 960px) and (min-width: 640px) //For iPhone landscape
@media (max-width: 640px) //For iPhone portrait
и следует ли учитывать, что обычные устройства Android работают на 800px (в альбомном режиме), а не на 960px?
Поскольку это все для меня в новинку - вопрос в том, как правильно определить CSS? Какая парадигма правильная?
Должен ли я определить его для определенного размера (когда у меня есть 2 основных CSS выше 960px и для bleow 960px) - или я должен определить его для устройства (iphone или android)