我正在制作一个3-4页的网站。它将使用jQuery、jQuery UI和Ajax调用来完成大部分页面。我希望不必以像素为单位编写任何内容。
到目前为止,我已经花了几天时间研究解决方案,但我的头脑已经很混乱,因为我无法找到我想要的东西。我正在尝试决定如何最好地布局网站,使其具有响应性,并且能够很好地适应浏览器大小的变化。在我看来,使用百分比或em设计的页面比使用固定px进行布局的页面更容易调整大小。
不确定,但我认为使用“网格”(例如黄金网格或其他一些网格)可能过于复杂。我正在考虑做这样一些事情?
到目前为止,我已经花了几天时间研究解决方案,但我的头脑已经很混乱,因为我无法找到我想要的东西。我正在尝试决定如何最好地布局网站,使其具有响应性,并且能够很好地适应浏览器大小的变化。在我看来,使用百分比或em设计的页面比使用固定px进行布局的页面更容易调整大小。
不确定,但我认为使用“网格”(例如黄金网格或其他一些网格)可能过于复杂。我正在考虑做这样一些事情?
#container {
max-width: 75em;
margin: 0 auto;
}
#primary {
float:left;
width: 25%;
}
#content {
float:left;
width:50%;
}
#secondary {
float:left;
width:25%;
}
我应该使用百分比来设置宽度,还是用em单位?希望能得到一些好的建议。
谢谢
em
或ch
宽度。如果您保持块浮动(并且您可以忍受浮动的缺点),则结果在窄屏幕和宽屏幕上看起来可能还不错。但不要指望它。测试! - Mr Lister