css - メディアクエリはどのようにデータを取得しますか?

Question

例えば：

<!-- CSS media query on a link element -->
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />

<!-- CSS media query within a style sheet -->
<style>
@media (max-width: 600px) {
  .facet_sidebar {
    display: none;
  }
}
</style>

CSS3 は、デバイスの最大幅と高さ、デバイスの種類、縦横比などのデータをどこでどのように取得しますか?

[編集] 私が開発者として何か他のことをする必要があるかどうかは、私が理解しようとしているものの結論です。しかし、内部の説明 (概念的には問題ありません) をいただければ幸いです。