В чем разница между шириной и шириной устройства в CSS?

Question

В чем разница между width и device-width в CSS?

Я знаю, что по этому поводу уже возникали некоторые вопросы, но я хотел бы понять их с точки зрения медиазапроса, чтобы прослушать браузер / устройство, например. настольные / мобильный / таблетку.

Answer 1

Функции ширина устройства и высота устройства относятся к размерам устройства вывода (то есть к размеру экрана).

Функции ширина и высота, с другой стороны, относятся к размерам поверхности рендеринга, которая является окном просмотра (например, окном браузера) для экранных носителей или полем страницы для печатные СМИ.

http://reference.sitepoint.com/css/mediaqueries#mediaqueries__tbl_media-queries_media-features