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

我正在设计我的第一个网页。我完成了几乎所有的工作，但现在问题在于屏幕分辨率。我开始设计1920x1080p的屏幕分辨率，但是当我在1080x768p屏幕上检查它时，内容丢失并重叠。现在，我将笔记本电脑的屏幕尺寸设置为1080x768并设置了网页，但在右侧将其重新转换为1920x1080时，我仅使用了1080x768p屏幕，但使用了以下代码，因此内容缺失。如何在任何屏幕分辨率上将网页内容设置为100％？

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

它只是填充背景图像全屏显示，而内容不完全显示在屏幕上做什么帮助吗？

来源

2014-04-28 asim.ali314

请发表你的HTML代码和CSS – devqon

很难帮助不从您的网页上查看代码。请尝试在jsfiddle.net上重新创建问题，并在完成时提供您的小提琴链接。网页的正文默认为btw。你也有一个错字高于高度应该是高度。 –

您是否尝试过'html，body {height：100％;宽度：100％;保证金：0像素; padding：0px;}' –

你需要添加HTML和身体

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

（100％的宽度自动）

LIVE EXAMPLE

来源

2014-04-28 13:25:41

非常感谢您的帮助。我试过这段代码，但它不适用于我告诉我如何显示我的模板的CSS和HTML文件的代码？ –

你可以使用codepen.io，向我展示这个问题（你需要一个用户），或者给我一个问题的URL。 –

您需要一直给予高度100％，直到容器达到100％的高度。 –

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

回答

相关问题