发表于: 2020-01-25 22:29:24
1 1130
今日完成的事
使用rem单位重构网页代码
遇到的问题
图标四周有未设置的margin
原因
代码不够严谨,图标沿用了上面设置logo的margin,
解决办法
修改logo图片的样式使用类选择器
遇到的问题
两图标浮动后总宽度计算好后 两图标不在同一行显示
原因
没有给外部容器一定的宽度,图标下面文本宽度大于图标,撑开了容器的宽度,导致总宽度大于计算宽度
解决办法
设置外部容器定宽
明日计划的事
查阅更多有关自适应的资料理解并实践
了解不同设备需要图片的尺寸及清晰度,使用ps产生相应的图片并使用媒体查询使用
收获
在编写样式时,头脑需要清晰,能迅速通过开发者工具了解为何效果与预期不同
评论