发表于： 2019-07-10 21:05:26
1 902
七月十日
今天攻略任务四
官网上面的任务要求是做一个登录页--一个常见的移动端页面，
开始我任务这个任务很简单，完全可以用我在HTML里面做的前三个任务的知识单独把这个页面做出来
我把这个任务分成五个五个部分，从最前面的目录开始，到账号文本框，密码文本框，再到后面的登录按钮和忘记密码部分
全部用 POSITION-ABSOLUTE{绝对定位}来完成，
开始很顺利，到最后一部分的时候我遇到了问题，布局方面，由于我全是用绝对定位，然后把文本框设定成宽度百分之一百
在第二行的DIV里面由于要插入一张图片，这张图片把我的文本框挤出我的布局外面了，就造成了文本框超出界面，把分辨率调小之后
我的开始目录和结束目录由于缺少了一张图片的长度，所以就显得比文本框短了一截，
然后我开始把所有的DIV盒子全部设置成固定值，这个布局在缩小界面的时候显得很正常，但是在放大界面的时候就出现了问题，由于是固定值，
所以他不能随着界面来自适应。
我开始陷入了难题，后来师兄告诉了我一个新的代码
这个代码的最大作用就是布局。
他近乎可以完成所有布局的要求
学会了这个代码我把110行代码缩减到了59行。、
收获：今天最大的收获就是学会了这个代码！专门用来布局的代码。
返回列表
评论