В чем разница между максимальной шириной устройства и максимальной шириной для мобильного Интернета?

Мне нужно разработать несколько html-страниц для телефонов iphone / android, но в чем разница между max-device-width и max-width ]? Мне нужно использовать разные CSS для разных размеров экрана.

@media all and (max-device-width: 400px)

@media all and (max-width: 400px)

В чем разница?