想把一个view当背景使用，宽高为100%，但第二个view设置margin属性时影响第一个view的宽高。有什么办法？

<view class="page-bg" style="background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528880710726&di=d15de83602f929fdfaa61d1f4f7ff4b5&imgtype=0&src=http%3A%2F%2Fs9.sinaimg.cn%2Fmw690%2F6cb2b120gd4be73eb8d38%26690')">

</view>

<view style='margin-top:100rpx;'>界面</view>

.page-bg{

 z-index:-50;

 position:fixed;

 display: flex;

 width:100%;

 height:100%;

 background-size:cover;

}