過去数日間、私は自分が取り組んでいるWebプラットフォームのモバイルバージョン用に、適切にスケーリングされたクリーンなコードを作成しようと考え、試みてきました。
私は（CSS3を使用することが望ましいですが、JQuery Mobileに悪影響を与えません）、モバイル（風景/ポートレート）およびデスクトップで表示したときに適切に拡大縮小するアイコン/画像を備えたiOSスタイルのアプリケーションフッターバーを実現しようとしています。
アプリケーションバーを見たことがない場合は、次のリンクを参照してください：http: //tinyurl.com/98ftqrr
モバイルプラットフォームで達成しようとしていることの概要をまとめました（MSPaintスキルについてお詫びします）。
http://imageshack.us/photo/my-images/854/mobilei.png/
アプリバーのタイル内の四角はアイコンを表しています（現在、これらのうち3〜4個の計画があります）
これは、デスクトップ/タブレットのコンテキストからこれを表すために作成した画像です
http://imageshack.us/photo/my-images/594/desktopog.png/
これで、フッターにスタイリングを追加するのはかなり簡単ですが、それは頭の中で回避できない問題ではありません。まず、バーのナビゲーションアイコンをすべての解像度で鮮明に表示することは、少し難しいことを証明しています（主に、これを適切に行う方法がわからないためです）。また、正確なiOSの外観を取得することは困難であることが証明されています。
誰かがこれについて喜んで与えるどんな助けも大いに感謝されるでしょう、私は質問が少し基本的で抽象的なように見えるかもしれないことを理解しています。
ありがとう。