实习第一天碰代码遇到的问题——移动端背景图片自适应

大家好，第一次写博客，我就是个程序媛小白，真的，虽然我学了一年多的代码但是感觉自己还是很菜，所以我所遇到的问题以及接下来发的博客，可能看到了会不喜欢，但是一定不要喷我！可以多指点，不怕批评，请多指教！

进入正题

第一次搭建移动端登陆页面，我遇到的第一个问题就是背景图片的自适应

我并不是全部搭建，交到我手中的代码已经有了很多组件，我负责样式的编写和修改

我的思路是背景图片和登陆部分需要利用父子元素来写

父级元素（背景图片）用 position: absolute; top: 0; z-index: 122; background-repeat: no-repeat; width: 100%;

子级元素（登录框）用 position: relative; width: 100%; z-index: 999; padding-top: 20%; padding-left: 10px;

z-index值越大表示子级放置在顶部，反之可知背景图片置底层

所以这个问题就解决了，现在看看还真的蛮简单的，就是因为自己实在不熟练所以，只能无限百度的边实践边学习了。
在解决以上问题之后出现了登录框位置变化的问题，后来经过一系列的修改把margin设置改成了padding设置所以问题就解决了！！

好了我要下班了！！今天又是开心的一天！！！祝我天天开心诸事皆顺！！