发表于: 2021-12-06 21:00:05
1 1535
今天完成的事情: 今天上午在做任务六,因为以前遇到的问题导致任务六迟迟没有完成 ,具体点在于三点
1.排版问题,使用了网格布局,F12调试模式下大分辨率切换小分辨率出现横向滚动条,小分辨率切换大的分辨率不出现。后来经过反复的修改代码 查找代码中的错误,依然么没有找到,最后通过搜索引擎找到<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">代码替换原本代码<meta name="viewport" content="width=device-width, initial-scale=1.0,">然后各个分辨率下不会出现滚动条了。
2,按键下拉菜单出不来,一直修改代码也没有能出下拉菜单,后来把引入的js文件调到上面去就好了(当时复制link的时候是一条一条复制的,没有注意顺序)
3.button键点击出现焦点框,怎么都弄不掉。这个后面 引入以前版本的bootstrapcss就行了。
下午在做任务⑦,sprite制作完成,但是用的时候 因为我制作的时候把图片的px调的太小 虽然可以用 background-size来调整,但用起来因为分辨率太低还是感觉不清晰,有点失败。明天再改 然后继续排版任务⑦,第一个页面基本完成。
明天计划的事情:明天继续做任务7,多看看任务7有关的资料 知识点 避免踩坑
遇到的问题:网格系统用不太好,用网格排版 可以自适应宽度 但是高度怎么自适应,我要做盒子 col-xs col-sm col-md col-lg col-xl,这几个不知道让他们咋配合。
收获:至少以后bootstrap引入顺序,以后布局再出现任务6出现问题也能自己解决了,关于网格布局今天也用了一下 虽然后面遇到问题换掉了,但也多了解了一点
评论