发表于: 2019-12-19 22:59:48
1 1321
今天完成的事
1,对照昨天的设计框架添加样式:
2,为了得到合适的完整页面图效果,在谷歌上安装插件fireshot;
明天计划的事
1,完成主页的全部设计要求;
2,有余力下开始合作页面的制作;
遇到的问题
1,因为引入boostrap组件库的原因,其库中的样式有些用了优先级最高的 !important 导致自己的某些覆盖样式失败,后通过调试找到优先级的声明所在,对应进行修改覆盖;
收获
一,对照官网设计要求,主要有以下问题:
1,导航栏还未置于页面右端;
初步解决办法:调试找到样式所在,然后考虑使用flex-end解决;
2,顶部栏还未设置一定宽度下显示登录注册按钮;
解决:媒体查询显示;
3,虽然使用自适应极强的 .col ,但是某些情况下得不到想要的页面布局;
解决:考虑加上其他后缀(如md,ms等)
4,页面设计的第二个轮播图圆点样式还未修改到轮播图范围外;
初步解决:其样式设计涉及absolute,可用bottom负值设置解决;
5,企业品牌页面图片大小不合适,且hover阴影效果没有预期效果;
初步解决:重新获取合适图片大小;
二,寻找到谷歌浏览器插件fireshot长截屏插件,可通过:https://www.crx4chrome.com/ 下载谷歌插件,然后再谷歌浏览器——>更多工具——>拓展程序——>开启开发者模式——>将.crx后缀文件拖入浏览器即可安装
评论