发表于： 2016-07-15 15:58:10
4 1451
今天完成的事情：
完成task4，PC端和移动端都测试了一下，看起来没什么问题，如果还存在什么问题希望各位同学帮忙指出，谢谢！
明天计划的事情：
周末了，加个班，争取多赶出几个任务来。
遇到的问题：
类似于android中的hint属性不知道怎么弄，查资料、找其他源码查看解决。本来还在纠结图标和输入框的摆放问题，后来通过position：absolute定位解决。就在敲这些文字的时候突然想到用position：relative正负值搭配好像省事一点，一会儿再重新试试。图标和输入框中间的竖线，本来计划用psd中切出的一个图形，不太方便，给img加了一个border-right和padding-right。效果还好，哈哈。应该还有更好的办法，慢慢学吧。
收获：
学习就是在不断犯错，不断搜索资料的过程中进步的，加油吧！
2016-7-16更新：
主要解决了input标签从右边突出页面的bug。 最初的版本确实bug很明显，尝试将input标签包含在form标签内后看起来能解决了。但是chrome控制台PC界面和移动界面都显示正常，实际手机上QQ浏览器或safari打开后右边还是有一部分突出。margin、padding、position试了很多都没解决，差一点就准备直接请教师兄了，最后还是尝试了一下通过overflow属性解决了。最后在手机上再次测试已经显示正常了。
返回列表
评论