在过去的几天里，我一直在思考并尝试为我正在开发的 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 外观 - 被证明是困难的。
任何人愿意为此提供的任何帮助都将不胜感激，我理解这个问题可能看起来有点基本和抽象。
谢谢。