如何在任何屏幕分辨率上将网页内容设置为100%?

时间:2014-04-28 13:22:30

标签: html css web

我正在设计我的第一个网页。我已经完成了几乎所有的工作,但现在问题在于屏幕分辨率。我开始设计1920x1080p的屏幕分辨率,但是当我在1080x768p屏幕上检查时,内容丢失并重叠。现在我将我的笔记本电脑的屏幕尺寸设置为1080x768并设置网页但是当我将其转回到右侧的1920x1080时,内容丢失意味着仅在1080x768p屏幕中,而我使用了以下代码。

body {width:100%; hight:100%;}

它只是将背景图像填满全屏,而内容不会在全屏显示什么帮助?

1 个答案:

答案 0 :(得分:1)

你需要添加到html和正文

html,body{
    height:100%;
}
/**reset padding of body**/
body{padding:0;}

(100%的宽度是自动的)

LIVE EXAMPLE