自分のWebサイトがモバイルで正しく表示されない
この記事は機械翻訳されました。誤りを見つけた場合はお知らせください。
自分のWebサイトがモバイルで正しく表示されない
考えられる原因
リフローでは、素材を縦に重ねてCanva Webサイトをさまざまな画面サイズに調整できるため、全画面表示の素材のサイズがきれいに変更されない場合があります。また、ブラウザ、ブラウザのバージョン、デバイスのサイズに応じて、サイトの表示方法が異なる場合があります。
次のステップ
- オーバーラップを確認する：デザインする際に素材を選択し、境界線が触れないようにサイズを変更するか切り抜きます。
- 幅の広い素材を分割する：全幅に広がる大きな素材は、きれいに積み重なる小さな素材に置き換えます。
- 安全な余白内に収める：重要な素材は、安全な余白の境界内に配置します。
- モバイルでプレビューする：編集時には、モバイルプレビューパネルを使用します。公開されたサイトはデバイスやブラウザによって表示が異なる場合があるため、あくまで目安として確認してください。
- グループ化してロックする：関連する素材をグループ化し、そのグループをロックして一緒に配置されるようにします。
素材のグループ化
特定の素材を一緒に管理する場合は、それらをグループ化します。そうしないと、モバイルビューで分割される可能性があります。
- グループ化する素材の上にカーソルをドラッグします。キーボードのシフトキーを押しながら、素材を選択することもできます。
- フローティングツールバーで、[グループ] を選択します。
- グループ化された素材がモバイルでどのように表示されるかを確認するには、[プレビュー] をクリックします。
- プレビューパネルで、[モバイル] ボタンをクリックして、モバイルレイアウトを表示します。
以下の例で、テキストボックスがモバイルビューでどのように重なるかをご覧ください。
お役に立ちましたか？
高評価
低評価