Atom とかだと CSS のメディアクエリ使えばモニタの DPI ごとにフォントサイズ変えられるじゃん
— ■ (@polamjag) 2017年1月11日
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
などと実行するとかんたんに取得できる。