发表于: 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后缀文件拖入浏览器即可安装


返回列表 返回列表
评论

    分享到