发表于: 2019-04-24 22:21:03
1 956
今天完成的事情
今晚完成了背景的自适应,查阅知识点,找到自己的错误点,之前图片的带入使用的是HTML中的 IMG 标签,以为图片只要导入后都能按属性调整成想要的效果样式。然后带入方法改为 background-image: url ,给图片定好位置后,设置高宽,在用background-size: 100% 100%。使用这两条background,就差不多能实现图片自适应效果。
从中还学到了 background-size 的知识点,这个属性有两个值,第一个值为x轴方向的缩放比例或者px,第二个值为y轴方向的缩放比例或者px,如果只写一个值,则第二个值默认为auto(根据图片原来的比例,以及现有的宽度,来确定高度)。简单的说两种属性效果你一定会看到完整的背景图片,但是有可能被挤压(失去图片原来的比例),一种属性效果你不一定能看到完整的图片,但是图片的比例没有发生变化。
明天计划的事情
继续布局任务5
遇到的困难
这几天的学习感觉很容易卡点,不知道是不是自己学习时间太少的原因,比如观摩其他师兄的任务5,看到的一些方法与属性都不知道是什么,是不是学习中漏了什么;还有看到一种布局时,想不到应使用哪几种属性,应使用什么属性搭配出自己想要的效果呢。只能去百度,去看一些大神的日报。这些问题应该怎么解决呢。
收获
带入图片不只有 img 标签 ,还可以使用 background-image: url 。当然也不知这两种,应该多多学习。
评论