发表于: 2021-03-14 19:35:35
1 1074
今天完成的事情:
实现了任务八战略合作网页的相应式
明天计划的事情:
感觉自己css掌握的还是不够扎实,明天好好再复习下css。
遇到的问题:
图片在自适应缩放时,会变的比较模糊
收获:
要实现网页自适应
1.在html代码head便签里加入viewport元便签(元标签就是使用在网页的head便签之间的一种html标签)
2.宽度要使用百分比%,字体要使用相对大小
3.在网页的css代码里加入@media属性查询,当屏幕宽度小于设置的值时运行对应css代码
4.要实现自适应也可以用@media属性检测屏幕大小加载相对应的css文件
5.图片自动缩放 img{width:100%}
6.也可以使用flex布局实现
评论