Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css PSD到html维度_Css_Twitter Bootstrap_Resolution_Psd - Fatal编程技术网

Css PSD到html维度

Css PSD到html维度,css,twitter-bootstrap,resolution,psd,Css,Twitter Bootstrap,Resolution,Psd,我有一个PSD,它的宽度为2600像素,我想用bootstrap将其转换为html css, PSD有一个以2364px宽度为中心的容器,这个容器应该使用什么css宽度?我想我的分辨率是1360x768。 我试图通过除以2得到宽度,假设屏幕宽度为13601360~=2600/2,但结果似乎不符合PSD。 我想得到在css中使用的宽度元素(段落、图像等) <div id="page"> <div class="columns-container">

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

<div id="page">
        <div class="columns-container">
            <div id="columns" class="clearfix">
               <div  class="container">
               </div>
            </div>
        </div>
 </div>
对不起我的英语。
感谢Tarek,它为不同的视图端口使用了不同宽度的引导

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


请检查网格系统和示例主题,之后您可以重新编写html。最好的。

不要使用
px
使用
%
谢谢你的回答,但即使是引导使用px作为容器元素,那么也许你可以自定义引导-请看,我也应该使用%的边距和填充?那么对于具有2364px容器宽度的PSD,我应该使用哪个引导容器宽度?显然是2364px。与浏览器不兼容,因此可以将全宽内容设置为100%,半宽设置为50%,以此类推。例如:在你的PSD中,是否有一个带有2364px的横幅可以作为100%。请检查HTML5和Bootstrap的结构,你一定会明白。主要的网格系统是这样的,如果你在设计中有4个框,在引导网格系统中,(总面积被分成12列/网格),你可以将12个网格除以4,然后答案是3,这样4列就可以写成
col-md-3
(3列/网格x 4=12)。对于两个框:
col-md-6
希望您能理解。
#page {
overflow: hidden;
background: #a4a4a4 !important;
} 
.columns-container {
margin-top: 32px;
 }
 #columns {
 padding: 0 0 30px 0;
 }
.container {
 width: 1170px;
 }