現在のウェブサイトをモバイル版に変換しようとしています。私はさまざまなビューを作成します (私は codeigniter を使用しています) が、CSS がすべての電話で完璧に見えるようにしたいと考えています。モバイル Web サイトのユニバーサル/標準仕様は何ですか?
また、おすすめの言語は何ですか？CSSを特定の幅に変更し、その幅に合わせて再設計することだけを考えていました。
4551 次
3 に答える
1
モバイルデバイスの画面の幅/高さの制限はありません。サイズにパーセンテージ値を使用することを検討する必要があります。そうすれば、モバイル サイトの互換性が高まります。
効果的なモバイル Web サイトに関する情報、つまり、何を含める必要があり、何を含めないかについて。こちらを ご覧ください http://www.qsrweb.com/article/202567/3-tips-for-creating-an-effective-mobile-website
幅関連のクエリについては、これを参照してください。
于 2013-03-07T01:59:40.807 に答える
1
簡単なグーグル検索では、次の結果が得られます。
W3C の考え: http://www.w3.org/standards/webdesign/mobilweb.html
Smashing Magazine の考え (以前にいくつかの比較記事を楽しんだことがあります): http://www.smashingmagazine.com/guidelines-for-mobile-web-development/
ページを指で簡単に操作できるようにし、最初は表示されるテキストを最小限に抑え (つまり、要約 + 展開するもの)、全体的に高速に実行する必要があります。CSS1/2 ブラウザを実行しているユーザーが引き続き Web サイトを使用できるように、CSS のようなものに複数のレベルのフォールバックが必要になる可能性があります。
サイトでメディア クエリを使用して、ユーザーの画面のサイズに基づいてスタイルシートを選択することもできます (特に一般的なデバイスを考慮する場合は、いくつかの標準サイズがあります)。
Javascript やそのようなものは、フォールバックにもうまく機能するはずです。HTML5 キャンバスや WebSocket などを使用することは、モバイル デバイスのハードウェアによって直接支援できるため良いことですが、スクリプトは、利用できないものも処理する必要があります。
そして、いつものように、ナビゲートしやすいページは、通常の開発と同じように長い道のりを歩むことができます。ユーザーがページを見ただけで直感的に使用する方法を理解できる場合 (覚えておいてください、あなたにとって直感的とは必ずしも他の人と同じであるとは限りません)、あなたは正しい方向に進んでいると思います。
于 2013-03-07T01:59:48.610 に答える
0
モバイル デバイス用のサイトの設計には、さまざまな方法があります。最も簡単な方法は、モバイル サイト専用の完全に別のユーザー インターフェイスを作成することです。
次の方法は、CSS メディアクエリを使用することです。これにより、現在の UI とスタイルを再利用できますが、コンテンツを特定の幅とデバイスに合わせて調整できます。
最後に、完全レスポンシブ デザインです。絶対ピクセルの代わりにパーセンテージを使用する点を除いて、メディア クエリにかなり似ています。これは、標準幅の Web ページをより小さなモバイル デバイスの画面に合わせて拡大縮小できる、最もシームレスな方法です。スケールアップも簡単！
レスポンシブ Web デザインと、それがモバイル デバイスにどのように適用されるかについて学ぶには、ここから始めてください - http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
そのサイトでブラウザのサイズを拡大してみてください。レイアウトがどのように変化するかに注目してください。それが CSS メディア クエリの働きです。
于 2013-03-07T02:10:19.827 に答える