发表于: 2018-07-29 21:55:56

1 635


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.两天打渔,罪过!(好爽)



返回列表 返回列表
评论

    分享到