こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

携帯サイトで閲覧するとページが崩れてしまう

パソコンで見るようにhtmlでつくったホームページが携帯で閲覧すると崩れてしまうのはなぜなのでしょう?

もちろん携帯サイト用に作ってないから。

なのですが、記述方法が違うからというのもわかるのですが
具体的にこうだからこうだ。というのを教えていただけると助かります。

質問がざっくりで申し訳ないのですが

よろしくおねがいします。

投稿日時 - 2012-06-05 19:59:08

QNo.7516518

困ってます

質問者が選んだベストアンサー

・現状HTML4.01で非推奨または実装されていない要素は殆どの場合無視されます。無論、HTML5で新規に設定された要素はあまり使用するべきではありません。
ガラケーにおいてはCHTMLという規格に準拠しており、この点にも配慮が必要です

・あらゆる端末においてきちんと表示できるようにするにはCSSをきちんと指定することが重要です。
具体的には、HTML各要素のCSSで、widthやheightプロパティに%単位を指定すると、どの端末でも自動で要素のサイズが計算されるようになります。
※横列に複数の要素が配置されるようなレイアウトは、CSS対応や画面の大きさ等々の都合上ガラケーにおいては好ましくありません。このためCSSをきちんと指定しても特定のプロパティが無視され、表示が崩れる場合があります

それと…現状携帯端末においてiframeはまともに動作しません。
画面表示と操作方法の関係上、当分実装されることもないでしょう。

投稿日時 - 2012-06-06 00:08:12

お礼

わかりやすいご回答ありがとうございます!

プロパティに%単位にするなどとても参考になりました。
問題のサイトはiframeがよくなかったようでした。

他の方法で試したいと思います。

ありがとうございました!

投稿日時 - 2012-06-14 18:53:43

ANo.2

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

未対応タグは、無視されます
CSSやJavascriptは未対応ブラウザー向けに通常コメントアウトしております。
よって、コメントとして処理されますから、表示されません
またはリンクを読み込まなく無視されます
対応ブラウザーだと正しく処理されます

投稿日時 - 2012-06-05 20:34:47

補足

ご回答ありがとうございます!

再度質問なのですが

cssやjavaを使ってコーディングするとコメントアウトしてしまうので
携帯からでは崩れるということなのでしょうか?

逆を言えば携帯からでも見れるサイトとはcssやjavaを使っていないサイトなのでしょうか?

ちなみに問題のサイトはtableを使ってインラインフレームを使ったりしています。
このせいなのかなあと思ったりもします。

投稿日時 - 2012-06-05 22:49:57

あなたにオススメの質問