发表于： 2020-05-10 22:26:44
1 1373
今天完成的事情：
关于魔镜界面差不多完成了一半，明天把界面调试好就差不多了，任务三相比任务一难度确实大一些，但是
比最初要顺利很多。
我是先把界面资源用ps打开，然后取背景颜色，再把需要的图层取出来，关于导入到webstorm是要把需要
导入的图放在存放代码文件的文件夹，然后在代码文件夹里创建新文件夹把图片放在文件夹里，在web里输
入文件夹和图片名称就行了。
数据导入的差不多就开始调试界面，起初是研究界面内容如何随显示界面大小而不改变大小，但是找了很久
都没找到，没办法只能找师兄了，然后师兄给了我一个自适应代码，复制到hmtl就完成了。。。emmmm
随后开始解决内容居中问题，之前以为是要浮动和外边框解决居中，但是试了很久都达不到效果，然后师兄
告诉我有居中代码，并和我讲使用浮动有哪些弊端。
也就是脱离文档流，文档流就是将窗体自上而下分成一行一行，并在每行中按从左至右依次排放元素，称
为文档流，元素脱离文档流之后，将不再在文档流中占据空间，而是处于浮动状态，也就是被挤到其他图层
上了。浮动的弊端
1.会导致css颜色背景不能显示
2.导致边框不能随内容被撑开
3.未浮动的盒子内文本会围绕浮动盒子显示
明天计划的事：
把任务三搞定，着手任务四。
遇到的问题：
比如说没法控制显示内容大小，无法适应手机显示，还有就是水平居中问题和关于浮动的弊端。
收获 学会了web里导入图片，还有适应手机显示的代码，和flex布局。
返回列表
评论