发表于： 2020-07-24 22:14:47
1 1243
今天完成的事情：任务3，主要是ps切图，适配移动端页面，用em等相对单位替换以前使用的px等绝对单位来实现自适应
明天计划的事情：任务4的还没看
遇到的问题：多了去了....
1.em和rem既然是相对单位，那么在不同分辨率的设备上html的font-size设置肯定不同才有响应式的效果，但我们没有手动去设置html的font-size。
2.缩小放大浏览器窗口，字体和图片大学跟着一起变是如何做到的（不用js的话），没有头绪。
3.这个案例基本可以分为三大块，一是顶上的nav（返回），二是main（内容，logo+文字），三是footer（下面的联系方式），如何排版才能让他们在不同的页面上完整的显示呢？（不留空白）
我是在每个大的板块设置固定rem的margin-top，但是这样在不同高度的页面下显示效果是完全不一样的，我也不知道html的font-size在页面的宽高变化时会有什么样的变化
收获：只能说是勉强排了个版出来，最大的问题还是没有搞清楚rem的机制，使用了这个单位，html的字体大小是如何变化的，完全是一脸懵逼
返回列表
评论