发表于： 2020-07-21 00:12:04
1 1151
今天完成的事情：任务1的所有内容，除了viewport没有完全搞懂
明天计划的事情：任务2还看不到内容，希望明天能把任务2搞完吧
遇到的问题：
1.自适应的问题
之前以为弄自适应都是通过width和height的百分比来实现的，今天做这个的时候发现width使用百分比有效，但height无效，直接无高度了，原因是width和height的百分比都是基于其父元素的，我的div在body里，那么父元素就是body，body本身是没有高度的，所以height无论设百分之多少都是0。后来看了下别人的代码，是使用padding百分比，查了资料才发现padding和margin的四个方向百分比都是基于width的，原因可能是因为如果方向不同基于width和height，那么在设置padding: npx的时候可能不好统一。
2.viewport的问题
还是不明白viewport的工作原理，虽然弄明白了逻辑分辨率和物理分辨率，也知道他们之间要进行转换，但是不清楚为什么一个标签就可以适应所有设备，明天再仔细看看
收获：自适应的知识点又get到一个吧
返回列表
评论