スマホ用サイト作成について

質問

スマホ用のHPを作成したいのですが、
表示の確認をするのに何か良いソフトはありますか？
また、ipad　と iphone で表示の違いはありますか？
ipad　買って表示確認してもiphone と同様に表示されますか？

回答No.2

ORUKA1951

とっても大事なこと忘れてませんか？？
私たちがHTML+CSSでウェブページを作成する唯一の（最大のと言っても良い）目的は、
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
　HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである 。相互運用性の達成は、コンテンツプロバイダのコストを低下させる。なぜならただ1種類の文書しか作る必要がなくなるからだ。 もし【相互運用性確保の】努力が成されなければ、Webは互換性のないフォーマット毎に分け隔てられた世界に分割され、すべての関係者にとっての商業的可能性が減少することとなるであろう、大きなリスクを負うこととなる。
・・・【中略】・・・
　HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より

　あくまで基本は、パソコンやスマホ(いずれもmediaタイプはscreen)のみならず、携帯電話、モバイル機器(mediaタイプはhandheld)、音声入出力機器(mediaタイプはspeak/aulal)、印刷(同print)向けに一つのHTMLで済ますということ。そのための「構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )」です。

＞表示の確認をするのに何か良いソフトはありますか？
　media=screenで作成されたページは、基本的にはPCもスマホも利用できるはずですし、そのように作ってこられたと思います。
　その表示確認のために、色々な端末を用意するのは不可能です。ウェブページを作成するとなると、多分開発者向けツール( https://addons.mozilla.jp/firefox/extensions/developer_tools/ )の豊富なfirefoxをお使いだと思いますが、そのアドオンであるは FireMobileSimulator( https://addons.mozilla.jp/firefox/details/8519 )を使用するのが効率的です。

＞ipad　買って表示確認してもiphone と同様に表示されますか？
　いずれもmediaはscreenですから、基本的にはウィンドウ幅を狭くしただけでPCも同じです。
　それよりは携帯(handheld)や印刷(print)のほうを気にしましょう。
　⇒Media types - CSS 2.1 spec (ja)( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/media.html#media-types )

　より端末の表示を切り替える手法として、CSS3以降で導入されたmediaタイプの拡張であるmediaqueriesを使うと良いでしょう。
　⇒CSS3 Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き( http://webdesignrecipes.com/web-design-for-mobile-with-css3-media-queries/ )
　screenの幅によってデザインを変えることができます。

※ くれぐれもスマホ用パソコン用携帯用印刷用と個別のページを作る事はしないように。

回答No.1

t_ohta

iPhoneとiPadでは表示領域の解像度が異なるので、見え方が全く異なります。
お使いのブラウザにプラグイン等で表示領域の切換が出来る機能がありませんか？
そういったモノを使えば基本的な表示の確認はできます。