私はいくつかの機能を提供する小さなウェブサイトを持っていますが、それは当時スマートフォンで動作するように設計されていませんでした。スマートフォンのアプリケーション開発の経験はありませんが(これも過剰なエンジニアリングになる可能性があります)、別の方法を使用できるかどうか疑問に思っていました。
here から、すべてのスマートフォンの画面が垂直に保持されている場合、320pxの幅をサポートしていることに気付きます。 320px内でコンテンツが適切に圧縮され、480px(およびそれ以上)に拡張されるHTMLページを開発できますか?これはスマートフォンで適切に表示されますか?バーをスクロールするためのスペースを節約する必要がありますか?
または、スマートフォンに適切なCSSフレームワークを使用するための学習に時間を費やすべきですか? 「はい」の場合、誰かに推奨事項がありますか?理想的には、ページのコピーを取り、スマートフォン用にページを再編成して、物事をシンプルに保ちたいと考えています。ありがとう。
お探しの手法はresponsive design
と呼ばれ、CSS3を利用します。このアプローチにより、ユーザーのブラウザーウィンドウサイズまたは選択したデバイスの画面解像度に応じてコンテンツレイアウトとテキストサイズを変更できます。
ここにいくつかのリソース/リンク/アイデアがあります:-