发表于: 2017-04-01 00:14:06
1 683
今天完成的事情:
大体上完成了任务4,不过还是有bug,在页面缩到很小的时候,input表单被挤下来了,不知道怎么解决。
input表单有一些默认样式,可用以下方法解决:
input{
border:0;/*去除表单显性边框*/
outline:none;/*去除表单的聚焦边框*/
}
对于Safari浏览器,button的默认样式可用一下样式解决:
input{
-webkit-appearance:none;/*去除默认表现*/
border-radius: 0;/*去除表现所带的圆角*/
}
具体请见http://blog.csdn.net/JOUeu/article/details/44258331。
明天计划的事情:
先解决任务4的bug,再开始任务5。
遇到的问题:
chrome浏览器好像对字体的大小有限制,font-size不能小于12px,如此,对于
html{ font-size:62.5%; /*即16*62.5%=10px*/ }
的使用会出现一些奇怪的bug,不知如何解决。
收获:学到了一些默认样式的消除,练习了几种切图方法,加深了对切图的理解。
(ps:昨天日报写的晚,夜里才提交,今天不能提交了怎么办……)
评论