发表于: 2017-03-04 07:59:51
9 883
今天完成的事情:
写完了任务七,稍微修改了一下在不同分辨率之下的html { font-size }, 在手机上面测试了一下结果还算ok。
明天计划的事情:
明天打一波排位先,最近都没能好好撸,先上个砖三吧。 然后切一下任务八的图和先写一下基本的页面,最近在弄清楚了整个框架之后写起来稍微顺畅了一点不像以前很卡很久。
遇到的问题:
修真院里面没有留言功能也是挺蛋疼的,昨天上传了第一次任务七之后师兄说没有自适应。我想了一想我有写了自适应的,可能是服务器没更新上去于是我再提交了一遍,不知道是不是这里的原因,然后关于hover的小图标后来看了一看原来是对应的雪碧图没有上传上去,所以看出来是没有的。 小图标的话我的想法是到时候学到JS的时候给他写个不hover的时候 display:none. 然后在hover的时候把这个类去掉。 然后配合上我本来写的div:hover { padding:0}。 应该可以正常显示并且没有现在的会把一个格子推到下面去的情况。
收获:
写自适应的时候不要去写高, margin top / bottom 和 padding top/ bottom的参照物也是父元素的宽度而不是高度,这是因为在网页设计中通常很难设定高度。
ps:成功展示中放了简单写的一个小主页。任务七在上面的任务七入口, 有一些细节还没有做自适应的适配,一开始是用pixel perfect 的想法去写的。 然后后面为了手机上面看着方便就改成了移动端的适配,不过还不完善 ,我有时间了慢慢改吧 。
评论