PSD 到 html 尺寸

Question

我有一个宽度为 2600 PX 的 PSD，我想使用引导程序将其转换为 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;
 }

对不起我的英语。 谢谢

Answer 1

Tarek，Bootstrap 对不同的视口使用不同的宽度。

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

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