发表于: 2020-01-25 22:29:24

1 1133


今日完成的事

使用rem单位重构网页代码


遇到的问题

图标四周有未设置的margin


原因

代码不够严谨,图标沿用了上面设置logo的margin,

解决办法

修改logo图片的样式使用类选择器


遇到的问题

两图标浮动后总宽度计算好后 两图标不在同一行显示

原因

没有给外部容器一定的宽度,图标下面文本宽度大于图标,撑开了容器的宽度,导致总宽度大于计算宽度

解决办法

设置外部容器定宽

明日计划的事

查阅更多有关自适应的资料理解并实践


了解不同设备需要图片的尺寸及清晰度,使用ps产生相应的图片并使用媒体查询使用


收获

在编写样式时,头脑需要清晰,能迅速通过开发者工具了解为何效果与预期不同


返回列表 返回列表
评论

    分享到