PSD到HTML维度

时间:2015-02-19 09:38:59

标签: css twitter-bootstrap resolution psd

我有一个宽度为2600 PX的PSD,我想使用bootstrap将其转换为html css, PSD有一个以2364px宽度为中心的容器,我应该为这个容器使用什么css宽度?,我想我的工作分辨率为1360x768。 我试图通过除以2得到宽度,假设屏幕宽度是1360,1360~ = 2600/2,但它看起来结果不符合PSD。 我想获得在css中使用的宽度元素(段落,图像,...)。

<div id="page">
        <div class="columns-container">
            <div id="columns" class="clearfix">
               <div  class="container">
               </div>
            </div>
        </div>
 </div>

和CSS

#page {
overflow: hidden;
background: #a4a4a4 !important;
} 
.columns-container {
margin-top: 32px;
 }
 #columns {
 padding: 0 0 30px 0;
 }
.container {
 width: 1170px;
 }

抱歉我的英文。 感谢

1 个答案:

答案 0 :(得分:0)

Tarek,Bootstrap为不同的视口使用不同的宽度。

大屏幕的基本宽度为1174px。但列数为%。您不需要将其转换为百分比。

请检查bootstrap中的网格系统和示例主题,之后您可以重新编写html。一切顺利。