『ネットオウルユーザーコミュニティ』の提供に伴い、『Q＆A掲示板』は2025年3月31日正午をもって提供を終了します。[関連ニュース]

メンバーメニュー

ようこそ、ゲストさん

■ トップ > カテゴリ一覧 > ウェブクロウ > レスポンシブサイトのスマホからの見え方について

質問

  • レスポンシブサイトのスマホからの見え方について
  • 本文：

    レスポンシブサイト仕様でサイトを作成し、DW上のQRコードからサイトを見ると問題ありませんが、実際にアップロードしたサイトをスマホから閲覧するとスマホサイズで表示されません。PCでもなく、iPadのレイアウトで表示されてしまいます。　詳細は以下です。何が原因でしょうか
    /*タブレット用*/
    @media (min-width: 768px)
    max-width: 778px

    /*デスクトップ用*/
    @media (min-width: 1024px)
    max-width: 1000px;

  • 緊急度：緊急投稿者：C4Ｍ (・ω・)ノさん投稿時間：2017/06/06 17:20
質問に対する回答は締め切られました

回答 No.6098

  • この回答がベストアンサーです

  • 本文：

    viewportの指定をしていないか、妥当でないとか

  • 投稿者：k-tanさん 投稿時間：2017/06/06 18:57
質問者からのコメント

k-tanさん　ご回答ありがとうございます♪
スマホ用のCSSの指定をしていないのでそれが原因かな？と思いはじめています。
DWですとQRで専用のサイトに飛ぶので、問題なくスマホ用として表示出来ているだけかもです。
一般のサーバーにアップするのであれば、ipad、PC同様、cssでの指定が必要ということでしょうね。
ただ、初心者なもので、何を書き加えてどのくらいの数値が適当なのか？あれこれ思案中です。今のCSSが壊れてしまわないかとひやひやです。初心者なもので申し訳ありません。もし、可能でしたらどういう表記がいいかアドバイスいただけますと幸いです。

回答 No.6101

  • 本文：

    /*タブレット用*/
    @media (min-width: 768px)
    max-width: 778px

    /*デスクトップ用*/
    @media (min-width: 1024px)
    max-width: 1000px;

    素人なので、この書き方がわからないけど
    たぶん、正しくないんじゃないかなぁ。

    上記で、max-width: 778pxが適応されておかしいという話なら、｛｝でちゃんと括るべきなのでは？


    ■
    /*768以上なら*/
    @media (min-width: 768px){
    .site-content{
    max-width: 778px
    }
    }

    /*1024以上なら*/
    @media (min-width: 1024px){
    .site-content{
    max-width: 1000px;
    }
    }


    スマホの横サイズは、iPhone 7 Plusでも414pxなので、
    上記だと、「 .site-content」はなんの設定も反映されないのでは？



    ■
    Dreamweaverコミュニティフォーラム (Japan)
    https://forums.adobe.com/community/international_forums/japanese/japan_dreamweaver


  • 投稿者：k-tanさん 投稿時間：2017/06/06 21:43
この回答に対してコメントする

回答 No.6148

  • 本文：

    平素はネットオウルをご利用いただき誠にありがとうございます。
    ネットオウル運営チームです。

    本ご質問は一定期間新たな回答がなかったため
    運営チームで締め切らせていただきました。


    ■質問の締め切りについて

    Q&A掲示板はユーザー様同士の交流掲示板です。
    回答がもらえた場合、回答者へお礼コメントをしましょう。

    問題が解決した際にはベストアンサーを選び、
    質問を締め切ってください。


    ■再度のご質問について

    ご質問が未解決の場合、「ワンポイント！」を参考に、
    再度質問してみてください。

    【ワンポイント！】

    　メールやFTPの設定がうまくいかない場合、
    　ネットオウルIDやサーバーIDなどのお客様情報を公開しない範囲で、
    　現在の設定内容を出来るだけ詳しく書いてみましょう。
    　設定内容のミスを指摘してもらえるかもしれません。

    　エラーが出てうまくいかない場合、
    　エラーメッセージの内容を書いてみましょう。
    　エラーメッセージにはエラー原因が詳しく書かれていることが多く、
    　問題の解決につながる回答が得られるかもしれません。


    ■ベストアンサーについて

    ご質問の締め切りに際して、運営チームにて
    ベストアンサーを選んでおります。

    　※ベストアンサーの回答者様には通常と同様のポイントが
    　　付与されています。


    --ネットオウル運営チーム--

  • 投稿者：ネットオウル運営 投稿時間：2017/06/22 16:08
この回答に対してコメントする