Q&A
「拡大縮小とレイアウト」の設定を変えても解像度が変化して px が大きく（小さく）なるだけでフォントサイズが変わるということはなかったかと思います。なので、px 基準でカンプに沿っていればいいのではないかと思うのですが、そういう話ではないのですか？
コーディング後に見え方が違うという指摘が…
私は社内のWEBサイトのデザインからコーディングまでを担当しているのですが、
デザイン（XD）時には指摘されなかったフォントサイズや画像のサイズをコーディング後に修正依頼されることがよくあります。
Windowsのディスプレイ設定が原因？
ディレクターの画面で見てみると、確かに自分のPCで見る場合に比べて文字が大きくなっていることが確認できました。
原因は、Windowsのディスプレイ設定で「拡大縮小とレイアウト」が125%に設定されていることだと思います。 ←実際にそうでした。
ユーザーによってこの倍率は違うと思うので、一概にディレクターの設定に合わせればいいというものではないと思うのですが、みなさんはこのような問題が起こったことはあるでしょうか？
ある場合は対処法などを教えていただけますと幸いです。
私の環境（100%） ではデザインカンプでもコーディング後の実画面でも質問の画像の左側（100%）の状態で見えているのですが
ディレクター側ではデザインカンプ時は左側（100%）、コーディング後は右側（150%）で見えているようで違うじゃないかということになってしまっているのです…
私自身WEBデザインは独学者なので初歩的な勘違いをしていたらすみませんがお教えいただきたいです。
本当に「拡大縮小とレイアウト」が原因であれば、Devtools で確認した時のフォントサイズは同じになっているかと思うのですが、その確認はされましたか？
それとも、そういう話が通じないダメなディレクターなのですか？
または、フォントサイズを vw 単位で設定してるのでしょうか？ だとすると、メディアクエリでフォントサイズを切り替えるのがよさそうな？
本当に「拡大縮小とレイアウト」が原因であれば、Devtools で確認した時のフォントサイズは同じになっているかと思うのですが、その確認はされましたか？
-> フォントサイズは間違いなく同じです。
それとも、そういう話が通じないダメなディレクターなのですか？
-> WEBの制作会社ではないのであまり知識があるとはいえず、私のほうで解決策を模索しております。
または、フォントサイズを vw 単位で設定してるのでしょうか？ だとすると、メディアクエリでフォントサイズを切り替えるのがよさそうな？
-> vwでclampで範囲を指定しています。メディアクエリで切り替えの方式でも試してみようと思います、ありがとうございます。
なるほど、問題を把握しました。
よく考えたら、「拡大縮小とレイアウト」は vw に影響を与えないですね。
失礼いたしました。
> だと思います。
まずは確認してください。ディレクターとあなたのPCで「拡大縮小とレイアウト」はそれぞれ何%になっているのですか?
あなたのPCでディレクターと同じ倍率にした場合、問題は再現するのですか?
また、ディレクターはデザインカンプをXD上で見ているのですか? XDには詳しくないのですが、XD上の倍率設定が誤っているということはありませんか?
まずは確認してください。ディレクターとあなたのPCで「拡大縮小とレイアウト」はそれぞれ何%になっているのですか?
=> 書き方が悪かったですね、ディレクターは125%、自分は100%です。
あなたのPCでディレクターと同じ倍率にした場合、問題は再現するのですか?
=> 再現します。
また、ディレクターはデザインカンプをXD上で見ているのですか? XDには詳しくないのですが、XD上の倍率設定が誤っているということはありませんか?
=> XDでレビュー用に共有する機能で見ています。カンプではこちらで設定したビューポートのサイズで見えてしまうので（画面からはみ出る場合は自動で縮小される）、その時には違和感なく見えてしまっていたのも原因の一つですね。
なるほど、了解です。
> こちらで設定したビューポートのサイズで見えてしまう
そごが原因のように思えますね。どのサイズ(拡大率)が正しいのかの認識がずれているのかなと。
回答1件
0
ベストアンサー
解像度でメディアクエリをかけてみてはどうでしょうか。
ご存知の通り、Windows はだいたいの場合 96dpi ですので、「拡大縮小とレイアウト」を設定しているなら違う値になっているかと思います。それを基準にしてフォントサイズを変更してみるのもいいかもしれないですね。
言うまでもないと思いますが、「拡大縮小とレイアウト」を設定している方は文字を小さく（大きく）したいと思ってその設定をしているはずなので、それを無効化するようなデザインは本来よいことではないと思います。「上司に見せるモード」と思って、運悪く同じ設定にしているユーザーの不便はあきらめるしかないのでしょうね。
投稿2022/03/25 09:42
総合スコア36134
ご回答ありがとうございます。
ディレクターと粘り強くコミュニケーション取るのが結果的には最善手になりそうですね。
解像度のメディアクエリは知らなかったので引き続き調べながらやってみようと思います。
あなたの回答
tips
プレビュー
