【jsPsych】ブラウザのズーム機能には気をつけろ - Qiita

はじめに 文字や画像のサイズ、あるいは位置などを決める際にはピクセル数を指定することがよくあります。ただし、参加者が所持するデバイスごとにそのディスプレイサイズや解像度は多様で、それに伴って実際に表示されるサイズも異なります。 ピクセル(px)によるサイズ指定はあくまでディスプレイサイズや解像度によって決まる相対的なものです 「自分のPCでは問題ないけど、参加者のPCではうまく表示されない」といった問題が生ずることは容易に想像できます。極端に大きい、小さいサイズなどにしなければ大体大丈夫ですし、ある程度気をつけていれば多くの問題は回避できます。 ディスプレイの解像度はwindow.screen.widthやwindow.screen.availWidthなどを使えば簡単に取得できます。人によってはこれらで取得した解像度をもとにposition: absoluteを用いて位置を指定しているの