发表于： 2017-01-28 23:44:02
1 1415
完成的事情：
完成了任务4.
明天计划的事情：
争取完成两个任务。
遇到的问题：
1.input前面添加图标。
我一开始是放一个img放一个input，但是缩放的时候他们位置老是变，所以我就像把图片变成background，然后我就这么做了，norepeat left
size：contain，input的padding left设置一下，这下就可以在缩放的时候达到设计需求了，不知道这个思路合适么。
2.各个单位的作用
em 被定义为相对于当前对象内文本的字体大小。
rem， ‘r’是“root”的缩写，意思就是1rem等于根元素的字体大小；大部分情况下，根元素就是<html>元素。
vh，vw是视口的大小，1vh 等于1/100的视口高度（vw同理）。
ex 和 ch 单位，类似于 em 和 rem, 依赖于当前的字体和字体大小。 但是，不同的是，这两货是基于字体的度量单位，依赖于设定的字体。ch 单位通常被定义为数字0的宽度
ex 定义为当前字体的小写x字母的高度或者 1/2 的 1em。 很多时候，它是字体的中间标志。
3.使用fixed的时候，在手机上查看是否会有问题，怎么解决？
1。软键盘唤起后，页面的 fixed 元素将失效（即无法浮动，也可以理解为变成了 absolute 定位），所以当页面超过一屏且滚动时，失效的 fixed 元素就会跟随滚动了。（这个bug我还碰不到，网站还没备案成功。）但是解决起来最简单的是用isScroll.JS。
2.如果不用第三方库，我在网上看到的思路这样的的。
原文链接：http://caibaojian.com/mobile-position-fixed.html
解决思路：
via既然在 iOS 下由于软键盘唤出后，页面 fixed 元素会失效，导致跟随页面一起滚动，那么假如——页面不会过长出现滚动，那么即便 fixed 元素失效，也无法跟随页面滚动，也就不会出现上面的问题了。原文来自：http://caibaojian.com/mobile-position-fixed.html
那么按照这个思路，如果使 fixed 元素的父级不出现滚动，而将原 body 滚动的区域域移到 main 内部，而 header 和 footer 的样式不变。
收获：
1.了解了input添加图标的一些知识
2.了解了常见的单位
3.了解了一些position可能导致的bug和解决思路。
明天加油
返回列表
评论