キャプチャした画面上のプルダウンメニューなどの要素の位置が意図した箇所とずれてしまう
キャプチャ元の製品仕様として、画面幅に合わせた位置制御をJavaScriptを用いて行っている要素については、画面幅設定が「自動」モードの場合、意図した位置に表示されないケースがあります。
下記のように「コンテンツ設定」から、画面幅設定を「手動」に切り替え、適切な幅の設定を行っていただくことで解決する可能性があります。
設定方法
- 該当のコンテンツ編集画面を開く
- 右上の︙メニューから「コンテンツ設定」を選択
- 画面幅設定で「固定」を選択
- キャプチャした際のブラウザの画面幅を入力し、設定
- ずれていた要素の位置が意図した箇所になっているか、編集画面で確認 (必要に応じて、4.の設定画面で何度でも調整可能です)
上記設定によって、常に固定された幅での見た目が維持され、お客様がご覧になる幅に合わせて表示の拡大縮小がかかるようになるため、要素の位置が意図した箇所に固定できるようになります。
留意点
- キャプチャ時の幅を記憶していない場合も、少しずつ変更しながら見え方を確認できますので、何度かお試しください
- 画面幅設定を「固定」とする場合は、1440pxなどできるだけ一般的なブラウザ画面の幅に合わせた状態でのキャプチャをおすすめしております。これによって小さな画面で閲覧された場合にも文字サイズ等が小さくなりすぎることを避けることができます
参考情報
- キャプチャした時の画面の幅(現在のWindowサイズ)はこちら (※外部サイト)などから確認できますので、確認した値でpx単位をお試しください