今の仕事でウェブアプリの画面をレスポンシブデザインで設計することにした．メディアクエリで指定できるのは，最大最小の高さや幅，解像度のほか，ランドスケープかポートレートかである．ランドスケープは風景，ポートレートは肖像と思うと訳わからんが，ランドスケープは横が広く，ポートレートは縦が長いという意味だ．タブレットでデバイスを傾けるとき，ジャイロセンサーでランドスケープかポートレートが分かるようになっている．
さまざまな大きさのデバイスが売られていると思うなか，メディアクエリで指定する画面のサイズは大体相場が決まっている．モバイルは480ピクセル以下．タブレットは768ピクセル以下．タブレットのランドスケープは1024ピクセル以下．ラップトップは1600ピクセル以下．デスクトップは1600ピクセル以上だ．
Codecademyでレスポンシブデザイン講座があったので受講し1時間足らずで終わり，em/rem/%の相対位置とメディアクエリという内容だった．そしてあす早速，画面設計に活かす時が来る．適時な受講だった．
