【dawn】スマホとタブレットの最適化について

日本語 ディスカッション 技術的なQ＆A
1

スマホやタブレットで表示されるレイアウトが崩れる箇所があります。最適化の方法を教えてください。また、スマホ画面を別途編集する方法があるかどうかも教えていただけますか？

1 Like
2

質問拝見しました。

通常デザインの修正などはCSSで行うことが多いかとお思うのですが、そちらの編集をスマホ用の幅、タブレット用の幅できかせるCSSをそれぞれ用意をしてあげる必要がありますので以下ご参考にしていただけますと幸いです。

レスポンシブデザインの最適化方法1. メディアクエリを使用する

  • CSSのメディアクエリを使用して、特定のデバイスや画面サイズに応じたスタイルを適用します。
/* スマホ用のスタイル */
@media (max-width: 767px) {
  .image{
/* スタイル */
}
}

/* タブレット用のスタイル */
@media (min-width: 768px) and (max-width: 1024px) {
  .image{
/* スタイル */
}
}

表示する幅、スタイル部分のCSSに関しては適宜調整をよろしくお願いいたします。

ご参考にしてください。

なにかご質問があれば、お気軽にご相談ください。
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。

株式会社フルバランス