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

メンバーメニュー

ようこそ、ゲストさん

トップ > カテゴリ一覧 > ウェブクロウ > スマホでページが表示されない?Light box

質問

  • スマホでページが表示されない?Light box
  • 本文:

    よろしくお願いします。web初心者です。
    Macのmiで作成したページをウェブクロウの無料版サーバーにアップロードしているのですが、PCでは目的通りの表示がされているのですが、スマホ(iphone)ではエラーが出てしまいうまく表示されません。
    Lightboxを設置しているのですが関係あるのでしょうか?
    質問の仕方も正しいか分かりませんが、助言頂けませんでしょうか。

    サイトURL↓
    http://thestote.webcrow.jp/

  • 緊急度:急ぎ投稿者:cmworksさん投稿時間:2017/06/20 22:00
質問に対する回答は締め切られました

回答 No.6143

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

  • 本文:

    > "サイト URL"で問題が繰り返し起きました

    エラーメッセージは、「省略せずに、あるがまま、全文」引用しないと役に立たないのですよ。

    エラーが出たときのスクリーンショットを、どこかにアップロードできますか?

  • 投稿者:ジョバンニさん 投稿時間:2017/06/21 05:42
質問者からのコメント

ご指摘ありがとうございます
firestorageにアップしてみました。
http://firestorage.jp/photo/14b35a2d693628d7be6993fdb4e052b70d08cfa7

回答 No.6142

  • 本文:

    > スマホ(iphone)ではエラーが出てしまい

    エラーが出ているなら、そのエラーメッセージを書かないと...
    それと、「どういう風に表示して欲しいのに、どうなってしまう」というのを書かないと、他人には、「単に下手糞なだけ」なのか「エラーなのか」区別がつかないですよ、

    1番の可能性は、URLのタイプミス。

    2番目の可能性は、htmlの文法エラー。ちょっと見の範囲では、<div>や<a>の対応がおかしい。
    a タグに light-box などという属性はない、など。
    htmlは結構いい加減な言語なので、少々の文法エラーは適当に処理してくれるものだけれど、このいい加減さがレイアウトの乱れの原因になることがある。

    細かいことをいえば、img の widthは、300pxでなく300にするべきとかいろいろあるけれど、この辺は、普通はブラウザが適当にやってくれるはず。

    スマートフォン用のデザインにしては、画面の横幅のドット数が多すぎ。大抵のスマートフォンでは字が小さくなりすぎるか、画面からはみ出す。
    (ただし、このこと自体は別に、エラーではないし、そういう意図のデザインなら、何の問題もない。傍からみれば、そういうデザインなんだろうと思うだけ。)

  • 投稿者:ジョバンニさん 投稿時間:2017/06/20 23:01
質問者からのコメント

再度で申し訳ありませんが、webに関しては完全に初心者です。
ですので質問の仕方等も、「正しいか分からないが、助言いただければ。」という記述にしております。
スマホページのエラーに関しては、
ページがたまにうまく表示される(PCで閲覧した場合のように)こともあるのですが、少し操作しようとすると、
"サイト URL"で問題が繰り返し起きました
というメッセージが表示されます。
ですのでURL違いではなく、アップロードしてから数日経っているので時間差の表示遅れというわけでもなさそうです。

htmlの文法エラーの場合はPCできちんと表示されていてもスマホだと表示がおかしいという事が起こるのという事でしょうか。
画面の横幅に関しては確かにスマホ表示では大きかもしれません。一度その点改善してみようと思います。早速の回答大変感謝します。

回答 No.6144

  • 本文:

    lightbox.cssの216行目fixed;の後ろに全角空白が二つ並んでるのを削除すれば、とりあえずはマシになるんじゃないでしょうか。
    divタグの閉じ方が間違っているのは別にしての話ですけど。

  • 投稿者:Don.Gabachoさん 投稿時間:2017/06/21 10:19
質問者からのコメント

空白2つ削除してみましたがスマホページは相変わらずの反応でした...

回答 No.6145

  • 本文:

    確かにスマホだと、エラーになって表示できない。

    <script src="js/lightbox-plus-jquery.min.js"></script>

    とりあえず、この部分をいったん外してみて、
    これで表示されるのなら、このスクリプトが原因なのでは?



    >Lightboxを設置しているのですが関係あるのでしょうか

    それ関係をいったん外して、表示で来たら
    原因の切り分けができてはっきりするのでは?

  • 投稿者:k-tanさん 投稿時間:2017/06/22 00:59

回答 No.6154

  • 本文:

    ネットワークエラーのような気がしますね。
    ブラウザのキャッシュをクリアしてから、Wifi接続でも同じですか?

  • 投稿者:ジョバンニさん 投稿時間:2017/06/23 09:12

回答 No.6216

  • 本文:

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

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


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

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

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


    ■再度のご質問について

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

    【ワンポイント!】

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

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


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

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

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


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

  • 投稿者:ネットオウル運営 投稿時間:2017/07/05 10:46