发表于: 2018-07-29 21:55:56
1 638
Today
1.当页面缩小时,中间那段文本出现换行,想看看英文单词会不会把一个单词拆开换行? 然后测试了下ie firefox chrome,文本写在<div><p>好像都能对 空格前后的文本不拆开换行
2. 设置line-height增加文本行间距
3.不管容器多大,只要将图片高宽设置成100%就能自适应.为了保证图片不失真,改成max-width和max-height .区别在于,max-width是相对于图片自身,width是相对父元素.
4. em 和rem是相对单位,由浏览器转换像素值,差不多时16px=1em=1rem. 用em和rem更灵活一些 .
rem:转化像素大小受html元素字体大小影响,根元素字体大小乘以rem值.
em: 像素值等于em值乘以使用em单位的元素的字体大小
所以,html字体大小直接确定rem值,但字体大小首先来自浏览器设置.浏览器的字体大小设置影响每个使用rem以及通过em继承的值.
rem单位主要目的是确保用如何设置浏览器后都能保证布局合理.
em取决font-size ,用em值写导航菜单项的padding,margin,line-height
5. ps切图,看的是慕课的视频,看视频更清晰一点
6.任务四了解了一哈
Tomorrow
做任务4
Gain
1.了解一哈rem,em px % vw wh vm 的区别.翻到一篇修真院师兄在简书上的一篇:https://www.jianshu.com/p/f30dd228c7ed
2.学会ps简单切图
3.webstorm&gayhub捆绑play,gayhub预览页面.
4.对自适应更多的学习吧
Problem
1.ps切图貌似还要精进
2.这几个单位还是好乱啊,啥啥啥vm,vh视口宽度,font-size的...眼花
3.两天打渔,罪过!(好爽)
评论