如何使用骨架/框架制作250x3列的布局？

我现在正在学习响应式网页设计，并陷入了困境。我的PSD模板有3列，每列宽度为250像素。问题是zurb/skeleton框架没有250px宽列的列宽。至250像素最接近的列都低于如何使用骨架/框架制作250x3列的布局？

.container .three.columns { width: 160px; } 
.container .four.columns { width: 220px; } 
.container .five.columns { width: 280px; }

的那些我如何创建250分像素宽3列使用zurb /骨架？

来源

2014-01-13 Mixin

列宽度仅仅是容器的百分比，因此它们被总容器尺寸限定（在zurb至少我认为）。您需要使用.four.columns（33.33％）三次，并将容器宽度更改为750px编辑：对不起，我的意思是3 * .four列 – Melbourne2991

hmm ...将尝试 – Mixin

这与基础：

HTML：

<body> 
    <div class="container"> 
     <div class="row"> 
      <div class="large-4 columns"></div> 
      <div class="large-4 columns"></div> 
      <div class="large-4 columns"></div> 
     </div> 
    </div> 
</body>

CSS：

.container { 
    width:750px; 
}

来源

2014-01-13 15:53:46 Melbourne2991

如何使用骨架/框架制作250x3列的布局？

回答

相关问题