CSS设置高度到页面大小不查看端口大小

Question

我的背景当前设置为

height:100%;

这会将背景设置为视图端口位的大小o要将其设置为渲染页面的大小。

我该怎么做？ 我需要用JavaScript计算文档的高度吗？或者是否有可用的css选项？

Answer 1

以下状态

 height:100%; 

不会设置背景的高度，而是设置元素的高度。请查看css属性background-size。

Answer 2

背景将始终涵盖整个屏幕背景

/* background image for mobile portrait mode*/
body.mobile_portrait{
    background-image: url('../multimedia/images/myBackG.jpg');
    background-size: cover;
}

你也可以试试background-size：contains;如果您的背景图像与设备的高度相同。