asp.net - 应用样式 CSS3/JQM 栏

Question

在过去的几天里，我一直在思考并尝试为我正在开发的网络平台的移动版本创建一个可扩展且干净的代码。

我正在尝试实现(最好使用 CSS3，但我并不反对 JQuery Mobile)带有图标/图像的 iOS 风格应用程序页脚栏，当在移动设备(横向/纵向)和一个桌面。

如果您从未见过应用栏，这里有一个链接:http://tinyurl.com/98ftqrr

我已经拼凑了一张关于我试图在移动平台上实现的目标的快速图片(为我的 MSPaint 技能道歉):

http://imageshack.us/photo/my-images/854/mobilei.png/

应用栏上方 block 内的方 block 代表图标(目前有 3-4 个这样的计划)

这是我从台式机/平板电脑的上下文中绘制的图像

http://imageshack.us/photo/my-images/594/desktopog.png/

现在，我知道向页脚添加一些样式相当容易，但这并不是我无法解决的问题。首先，让栏中的导航图标在所有分辨率下看起来都很清晰，这被证明是一个挑战(主要是因为我似乎无法弄清楚如何正确地做到这一点)；此外，获得 精确 iOS 外观 - 被证明是困难的。

任何愿意为此提供帮助的人都将不胜感激，我知道这个问题可能看起来有点基础和抽象。

谢谢。

Answer 1

对于 CSS 跨设备 iOS 风格的导航栏(仅底部)，使用我的 bartender CSS plugin .

要将其设为侧边栏，您必须要有创意...我尝试了几次，但仅考虑此元素的定位并不容易(还有更多)。你最好的机会可能是 popup sidepanel ，您必须对其进行配置以容纳工具栏。