1

我正在使用 twitter 作为引导程序制作一个小 vCard,我遇到了一个小问题,我无法跟踪它的来源:)

如果您点击此链接:演示;你会看到元素有点混乱:) 在 vCard 的标题中,联系信息应该在姓名和拇指的右侧,但它被推到了下面。小描述也是如此:)

使用row-fluid而不是仅仅row可以解决这个问题,但是因为我的移动版本不需要是流体的,所以我不能使用流体网格。我希望有人以前遇到过这个问题并且知道它的来源是什么:)

4

1 回答 1

1

如果你真的想让它在移动设备上运行良好,你应该真正考虑类的 css 属性content-view-container:当你想为“任何”屏幕尺寸设计时,你有绝对定位和固定值宽度不能很好地发挥作用...

代码中有一些问题:

  • 首先span2andspan12不应该是“pulled-left”(类名中还有一个拼写错误)和“pulled-right”(它使“grid”的含义变得毫无用处......)

  • 的所有样式info-button-container都是多余的(只保留margin-top

  • info-button-inner你为什么使用border-box财产?line-height用属性固定图标在中间的位置

  • 为什么将所有divs 设置为position:relative; display: block;?在这里没用...

  • row不需要该类clearfix,因为它已经“clearfixed”

于 2012-11-20T09:43:33.817 回答