发表于： 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布局实现
返回列表
评论