2011-12-09 27 views
0

最近、私はFlashサイトをまとめてくださいました。私はそれをしたので、私はもちろんハンドヘルド機器などで動作する姉妹サイトをフォローアップする必要があります。モバイルサイト(解決策とセマンティクス)

私は、例えば、ブラックベリーのように見えるサイトをまとめましたが、iPhoneの解像度はサイトが顕微鏡的に見えるほど良い。これらの解像度格差に対処するためのエレガントな方法は何ですか?

また、PHPを使用してブラウザのタイプを確認し、それに基づいて別のページをフィードしました。実際にモバイルサブドメインを作成したり特殊なモバイルコードを使用したりしませんでした。あるいは、セマンティック犯罪を通常の別のウェブサイトのように扱うことによってコミットしていますか?

ありがとうございます。

答えて

1

CSS Media Queriesこの問題を解決するために特別に設計されました。

チェックアウトResponsive Web Design over at A List Apart

例のサイト上の記事:A List Apart CSS Media Query Example
もう一つの素晴らしい例/チュートリアルhttp://webdesignerwall.com/tutorials/css3-media-queries
別:http://hicksdesign.co.uk/
別:http://colly.com/

このウィンドウの幅と高さのサイズを変更して、メディアクエリが何をしているのかを確認します。 (また、基礎となるCSSを見る)

+0

私はいくつかの読書を持っているように見えます。簡潔な答えをありがとう。これらの実装は今までフォントのスケーリング機能を備えているのでしょうか、それとも単なるコンテンツ/モジュラーなものでしょうか? – sdo

+0

実際には、あなたがやっているビューポートの魔法のために、かなりうまくスケールされます。 http://www.quirksmode.org/blog/archives/2010/09/combining_meta.html(または 'mediaqueries viewport'または' web page viewport'のgoogle検索) –

+0

もしあなたがCSSをかなり理解していれば、サンプルのサイトのCSSを見て、メディアクエリーCSSで何が起こっているのかを見ることができ、読書の量を大幅に減らすことができます。すぐにビューポートで再生を開始します。 –

関連する問題