发表于： 2018-09-20 00:59:14
1 424
今天（2018-09-19）完成的事情：
1. 学习了如何让块的高度进行自适应：
因为padding是根据viewport的width来调整的，所以可以用padding-bottom 代替块的高度，把padding-bottom 设置为百分比，当viewport的width等于设备宽度时实现了块的高度根据视口宽度自适应。
2. 了解了什么是viewport：
简单地说，移动设备上的viewport就是设备的屏幕上能用来显示网页的那一块区域。
3. 用手机查看了所做页面：
（因为PC中安装过tomcat所以这次直接使用tomcat服务器）
在本机里以前安装好的tomcat中放入所做项目，开启tomcat，在手机通过访问本机IP地址查看页面。
4. 了解了加和不加meta的viewport的区别。
明天计划的事情：
完成任务2，学习版本管理工具。
遇到的问题：
1. 不知道如何让块的高度和宽度一致并且能根据视口宽度自适应。
解决办法：了解到padding的特性，把viewport的width设置等于设备宽度，用padding-bottom 代替块的高度，把padding-bottom 设置为与width相同的百分比。
收获：
学习到了自适应页面中的一点点基础知识，初步尝试了编写能自适应的页面，成功用手机查看了自己做的页面。
（因为还没学习代码管理工具，所以按照任务步骤的最后一步说的把代码上传到了百度云盘。）
返回列表
评论