发表于： 2020-04-15 22:45:33
2 1392
今天完成的事情：学会使用ps做简单的切图、取色。完成了任务三，体验了自适应布局的好处。知道了vw vh是相对视窗的比例而计算的，1vw等于1%视窗宽度。px是绝对单位，一旦使用了px，不管视窗大小如何变化它都会以相同的大小展示。所有浏览器的默认字体大小是16px，1rem等于16px，因为rem是相对根节点也就是html的字体大小而变化的。如果给html以一个属性例如font-size: 10px，那么1rem就等于10px而不再是16px。em和rem相似，不同只在于em是相对父节点的font-size计算的。margin-left:50%配合transform: translate(-50%)可以让元素居中显示。
明天计划：开始任务四的学习
遇到的困难：图片作为按钮背景时无法正确显示，background-size: cover可以让按钮元素的背景图填满显示区域。
收获：网站需要被pc和移动设备浏览，所以一开始就应该使用自适应布局，灵活使用rem vw vh em和@media查询。
返回列表
评论