既存のHTML5ウェブサイトをモバイル版に変換するための最善のツール/プロセス

Question

Googleのウェブサイトのモバイル版を作成したいと考えています。最高の、最も完全な機能を備えたバージョンを提供するための良い方法は何ですか。

私たちはHTML5とCSS3のウェブサイトを持っています。変換は可能ですか？

事前のおかげで...

Answer 1

あなたのサイトを変換する際に考慮すべきいくつかのこと、どのようなサイズのスクリーンやデバイスは、サポートしようとしているがあります - ちょうど電話またはパッドがあまりにも？また、あなたのサイトのコンテンツ/機能は何ですか？それはかなり静的表示のデータの種類の場合は、 "レスポンシブルデザイン"（あなたがそれをGoogleの場合はリンクの多く）を検討することがあります。レイアウトを変更して画面サイズを処理します。あなたはModernizrなどを使って、デバイスが持つ機能を判断し、ナビゲーションやフォームデータのスキン/ハンドリングの仕方を決めることができます。私はあなたのサイトを "ポート"するだけではないと思います。誰かがそれを行う他の人）

Answer 2

私はあなたがデスクトップ版でやっているあなたのウェブサイトのあなたのモバイル版で同様のコンテンツを持っていることを前提としています。そうすれば、メディアクエリを使ってサイトのスタイリングを最高に

/* Media Queries 
------------------------------------------------------------------------------*/ 

@media handheld and (max-width:480px), 
     screen and (max-device-width: 480px), 
     screen and (mx-width: 600px) { 
    /* then modify css for the small screen such as centering headers, setting inherit widths etc */ 
}