5月更新・前月(4月)の人気記事トップ10 05/01/2022
- ( 03 ↑) 【Mac】MacにGoogle Driveをインストール
- ( 01 ↓) 【Mac】Macのユーザー名とアカウント名を変更する
- ( 02 ↓) 【iPhone iPad】iPhoneやiPadの音量を細かく調整する方法
- ( 04 − ) 【iPhone / iPad】iPhoneでSuicaをクレジットカード無しで使う方法
- ( 05 − ) 【jQuery】入門2. jQueryをHTMLに組み込む
- ( 07 ↑) 【Labs】position:absoluteとwidth:100%を指定すると横幅の設定がうまくいかない場合の対処方法について
- (圏外↑) 【jQuery】入門5. jQueryで日時を表示
- ( 06 ↓) 【Labs】CSSだけでドロップダウンメニュー
- ( 09 − ) 【Labs】スマホ対応CSSだけでドロップダウンメニュー
- (圏外↑) 【JavaScript】addEventListenerの基本的な書き方 その3
【2021年12月】Mac画面解像度まとめ
こんにちは(・∀・)
web design lab中の人です。
新型MacBook Pro 14" 16"の発表に伴いMac画面解像度のページを新たに作成しました。
これまでiMacやMacBookの画面解像度は【Guide】画面解像度一覧表で更新してましたが、【2021年9月】iPhone画面解像度まとめや【2021年9月】iPad画面解像度まとめのようにMacも独立して画面解像度一覧のページを作成しました。
Mac画面解像度一覧
この一覧に掲載されている情報は2021年12月の時点でアップルストア オンラインで購入できる製品の情報です。
MacBook Pro
端末
画面サイズ
(対角)
(対角)
画面解像度
アスペクト比
MacBook Pro 14” new!
Liquid Retina XDRディスプレイ
Liquid Retina XDRディスプレイ
14.2インチ
デバイスピクセル 3,024 x 1,964、254ppi
CSSピクセル 1,512 x 982
CSSピクセル 1,512 x 982
1.54:1(16:10)
MacBook Pro 16” new!
Liquid Retina XDRディスプレイ
Liquid Retina XDRディスプレイ
16.2インチ
デバイスピクセル 3,456 x 2,234、254ppi
CSSピクセル 1,728 x 1,117
CSSピクセル 1,728 x 1,117
1.547:1(16:10)
MacBook Pro 13.3”
Retinaディスプレイ
Retinaディスプレイ
13.3インチ
デバイスピクセル 2,560 x 1,600、227ppi
CSSピクセル 1,280 x 800
CSSピクセル 1,280 x 800
1.6:1(16:9)
MacBook Air
端末
画面サイズ
(対角)
(対角)
画面解像度
アスペクト比
MacBook Air
Retinaディスプレイ
Retinaディスプレイ
13.3インチ
デバイスピクセル 2,560 x 1,600、227ppi
CSSピクセル 1,280 x 800
CSSピクセル 1,280 x 800
1.6:1(16:9)
iMac
端末
画面サイズ
(対角)
(対角)
画面解像度
アスペクト比
iMac 24”
4.5K Retinaディスプレイ
4.5K Retinaディスプレイ
24インチ(23.5インチ)
デバイスピクセル 4,480 x 2,520、218ppi
CSSピクセル 2,240 x 1,260
CSSピクセル 2,240 x 1,260
1.778:1(16:9)
iMac 27”
5K Retinaディスプレイ
5K Retinaディスプレイ
27インチ
デバイスピクセル 5,120 x 2,880、 ---
CSSピクセル 2,560 x 1,440
CSSピクセル 2,560 x 1,440
1.778:1(16:9)
Pro Display XDR
端末
画面サイズ
(対角)
(対角)
画面解像度
アスペクト比
Pro Display XDR
Retina 6Kディスプレイ
Retina 6Kディスプレイ
32インチ
デバイスピクセル 6,016 x 3,384、218ppi
CSSピクセル 3,008 x 1,692
CSSピクセル 3,008 x 1,692
1.778:1(16:9)
関連ページ
【2021年9月】iPad画面解像度まとめ
【2021年9月】iPhone画面解像度まとめ
【2020年度決定版】レスポンシブデザインのブレークポイントはこれで決まり!
【Guide】デバイスピクセルとCSSピクセル
【Guide】画面解像度一覧表