読者です 読者をやめる 読者になる 読者になる

Atom で各種フォントサイズを Retina ディスプレイかどうかによって変える

macOS だと基本的には devicePixelRatio は 1 か 2 のはずだけど、なんとなくこんな感じで書いたやつを使ってる:

// Retina でない
@media (max-resolution: 1.5dppx) {
  atom-text-editor {
    font-size: 14px;
  }

  .tree-view {
    font-size: 1.1em;
  }
}

// Retina
@media (min-resolution: 2dppx) {
  atom-text-editor {
    font-size: 12px;
  }
}

試してないけど Windows でも動くと思う。dppx 相当の数値はそのモニタ内で Chrome なんかのコンソールで window.devicePixelRatio などと実行すると取得できる。