web-dev-qa-db-ja.com

モバイルおよびコンピューター向けのWebサイトを構築できる最も効率的/効果的な方法は何ですか?

私は一つのことのためにウェブサイトを作りたいです。一つのことのために二つのウェブサイトを作りたくありません。あなたはおそらくそれに同意します。

問題は、この巨大な22インチのスクリーンと椅子から離れて、最大80%小さくなりうるこれらのスクリーンを手のひらを見つめ始めることです。彼らは再びWebサイトにアクセスしようとします。バム、物事はひどい、フォントはあちこちにあり、divは台無しになり、スクリプトは実行されず、物事は広すぎます、私はテキストを読むことができません、何とか何とかそれはゴミです。

標準溶液?別のWebサイトを作成します。素晴らしいですが、それは別のウェブサイトを作成する必要があることを意味します。私はそれをしたくありません、一度ウェブサイトを作りたいです。それ、どうやったら出来るの?

4
Incognito

理想的には、サイトをモバイルフレンドリーにするためにモバイルスタイルシートを作成するだけで済むような方法でWebサイトを設計します。実際、私はそれがこのウェブサイトが行うことをかなり確信しています。これには追加のプログラミングは必要なく、ルールの変更でメインスタイルシートをオーバーライド(カスケード)する新しいスタイルシート、またはダウンロードするファイルサイズを小さくするための新しいスタイルシートのみが必要です。

3
John Conde

おそらく必要なテクニックの1つの言葉は「レスポンシブデザイン」です。 Smashing Magazineにそれに関する良い記事があります: http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

このブログ投稿も有用であり、うまく機能するいくつかのサイトへのリンクがあります http://adactio.com/journal/1700/

1
paulmorriss