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