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