将网页扩展到不同屏幕尺寸的最有效方法

时间:2012-12-10 11:00:15

标签: html css layout

目前,我有一个网站,其中有多个div设置为特定大小,以保持布局正确。

唯一的问题是,在某些显示器上,页脚始终不在底部,您必须滚动到它。

我注意到其他网站无论屏幕分辨率如何,页脚都会自动缩放到屏幕底部。

有没有办法,除了遍历我的所有div并使用%作为所有高度,将页脚标记设置为始终位于屏幕的底部?

我的基本网站是jj-triggs.com,它有一个页脚,如果在宽屏显示器或更小的分辨率上,将页脚推离底部,你必须滚动到它,

可以通过改变div的大小来修复,但是有很多都需要改变。必须有一种更简单的方法吗?

2 个答案:

答案 0 :(得分:6)

不使用%,它将无法正确适合所有屏幕。

你可以试试bootsrap我用它来适应所有的屏幕。

然后修复页脚。

之前创建一个空div并使其样式清除:两者 或者你可以试试 位置:固定;底部:0; 但无论页面大小是什么,这都会始终将页脚保持在屏幕上

答案 1 :(得分:3)

您是否正在寻找将页脚固定在底部?如果是这样,你可以用CSS做到这一点:

position: fixed;
bottom: 0;