iosとandroidでは表示が大きく変わるのでしょうか。

Question

webサイトを作りまして、アップしたのですが、iphone6では、ぱっとすぐに表示されるのですが、androidの端末(docomo F04G)では背景画像も表示されませんし、全体的に表示が物凄く遅かったり画面が白のままなのですが、これはスマホのスペックの問題なのでしょうか？

Answer 1

CSSだけの話で言えば、iOS9とAndroid5の間にさほど大きな差はないはずです。
また「全体的に表示がものすごく遅い」とのことですが、そこまで大きな差が生じている場合、
一般的には端末のスペック差というより通信回線の速度の影響が大きいのではないかという気がします。
検証に使ったAndroidが帯域制限にひっかかって通信速度が遅くなってしまっている、、、
なんていうオチはないですか？

もし両者の通信速度に差がないのに、Android端末だけ極端に遅い、、という場合は、
やはり端末に問題があるかもしれませんので、とりあえず別のAndroid端末で表示確認してみましょう。

コンテンツの作り方にも問題があるかもしれませんが、これは具体的にコード内容がわからないと
なんとも言えないので、回線・端末に異常が無いことが確認できましたら改めて質門されるとよいと思います。

Comments

[konishijin]

ありがとうございます。
端末に問題はありませんでした。素人がコード作ったのでコンテンツの問題も考えられますが、iphoneとandroidでそんなにも変わるのでしょうか？
背面画像がandroidだと表示されません。

[aKusano]

背景画像はただのbackground-image:url(xxxxx.jpg)ですか？
それとも何か違うプロパティを当てていたりしますか？
単純な背景画像の指定がandroidで表示されないということは通常考えられません。

これ以上は具体的なコード情報がないと検証できませんので、
表示がおかしい箇所のHTML/CSSコードを提示してください。

[konishijin]

ご連絡ありがとうございます。
android標準ブラウザだと背景画像が映らず、サイト全体も表示される部分とされない部分がありました。速度も極めて遅かったですが、androidでchromeで試したところ問題ありませんでした！
これはブラウザの問題なのでしょうか？

[aKusano]

Androidの標準ブラウザは、
バージョンによってはCSSのサポートレベルが低いものもありますね。
ただそれでもCSSレベル2.1の範囲内のプロパティが表示出来ないということは通常ありません。
CSSレベル3のプロパティになると、ものによってはサポートされていないものも中にはあります。あと、特に日本の家電メーカーの端末の場合機種依存的なおかしなバグが無いとも限らないので運悪くそういうものにあたってしまっている可能性もゼロではないです。。。

詳細情報がありませんのであくまで一般論ですが。

[aKusano]

あ、まさか「Opera mini」とかで見てたなんていうオチじゃないですよね!?

[konishijin]

ありがとうございます。
オペラではないです！
androidとiosでどちらもchromeでためしたところ、画面を横にしたときにandroidのほうは背面画像が横に伸びきってしまうのですが、iosのほうはスタイルがきちんと当たっているんです。どちらもブレイクポイントの指定は同じ領域です。。

[aKusano]

HTML/CSSがどうなってるかわからないと具体的なアドバイスはできませんので、
コードを追記するか質門を立て直すかされた方がいいと思いますよ〜

[konishijin]

ありがとうございます。週明けすぐにコード確認して表記します。