web-dev-qa-db-ja.com

狭いHTMLページを作成して、スマートフォン用の小さなWebアプリケーションを移行しますか?

私はいくつかの機能を提供する小さなウェブサイトを持っていますが、それは当時スマートフォンで動作するように設計されていませんでした。スマートフォンのアプリケーション開発の経験はありませんが(これも過剰なエンジニアリングになる可能性があります)、別の方法を使用できるかどうか疑問に思っていました。

here から、すべてのスマートフォンの画面が垂直に保持されている場合、320pxの幅をサポートしていることに気付きます。 320px内でコンテンツが適切に圧縮され、480px(およびそれ以上)に拡張されるHTMLページを開発できますか?これはスマートフォンで適切に表示されますか?バーをスクロールするためのスペースを節約する必要がありますか?

または、スマートフォンに適切なCSSフレームワークを使用するための学習に時間を費やすべきですか? 「はい」の場合、誰かに推奨事項がありますか?理想的には、ページのコピーを取り、スマートフォン用にページを再編成して、物事をシンプルに保ちたいと考えています。ありがとう。

4

お探しの手法はresponsive designと呼ばれ、CSS3を利用します。このアプローチにより、ユーザーのブラウザーウィンドウサイズまたは選択したデバイスの画面解像度に応じてコンテンツレイアウトとテキストサイズを変更できます。

ここにいくつかのリソース/リンク/アイデアがあります:-

  • CSSトリック は、レスポンシブデザインの実際の優れた例です
  • SpeckyBoy magazine には、CSSフレームワークの優れた概要があります。 LESS は特に良いです。
  • SmashingMagazine には、レスポンシブデザインの優れた紹介があります。
4
toomanyairmiles