2012-03-07 10 views
0

私は自分のウェブサイトを携帯端末に合わせようとしていますが、今はとても混乱しています。モバイル用のデザイン

私は2つのテストページ、t3.htmlとt4.htmlを持っています。

実際のiPhoneとHTCではヘッダーとフッターのない最初の1つ(t3)が画面幅に合っているようですが、Samsung GalaxyやHTCのOpera MobileエミュレータやiPhone(¿3?)エミュレータでは表示されません。

ヘッダーとフッターの2番目のもの(t4)はヘッダーとフッターの幅が広く、メインのコンテンツのための狭いフォームと小さなフォントを保持します。これは実際のiPhoneで起こります、HTC、私のOpera Mobileエミュレータでは、私のiPhone(¿3?)エミュレータではありません。

私が何かを忘れていないと、幅のプロパティが設定されていない(フォームの入力とラベルは200px幅に近い)ので、すべてのdivがデバイスの画面幅に広がるそれが私の考えです。

例は以下のとおりです。 http://s380890671.mialojamiento.es/mobile/t3.html http://s380890671.mialojamiento.es/mobile/t4.html

私の目標は、everthingが携帯電話の画面幅に収まるということです。あなたは私を助けたり、良い最新のモバイル設計記事を教えてもらえますか?私が見つけたのは数年前のことです。

+0

あなたは(HTTP jquerymobileしようとしない理由: //www.jquerymobile.com)? – pkachhia

+0

何のため?私が読んだのはjQueryのサブセットですが、デザインに関するanythignは読まれていません –

+0

サイトに行き、サンプルを見るだけで、PHPのようなスクリプト言語でサイトを構築します。また、これを参照してくださいhttp://jquerymobile.com/resources/ – pkachhia

答えて

0

スマッシングマガジンは、モバイルWeb開発の多くの側面に大きなリソースを持っていただきありがとうございます。

概要厳選された、モバイルデバイス用に設計・開発に関わるスマッシング誌の記事の中で最も便利で人気の整理の選択を特徴:

http://www.smashingmagazine.com/guidelines-for-mobile-web-development

関連する問題