发表于： 2016-02-18 23:53:15
1 1315
（奶奶去世后，天天陪着爷爷。感觉自己的时间几乎没有什么剩余，心好累）
今天完成的事情：
基本了解利用meta标签对viewport进行控制，学会用PS切图工具，了解rem，简单了解自适应
明天计划的事情：
写完Task3
遇到的问题：
收获：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
| width | 设置layout viewport 的宽度，为一个正整数，或字符串"width-device" |
| initial-scale | 设置页面的初始缩放值，为一个数字，可以带小数 |
| minimum-scale | 允许用户的最小缩放值，为一个数字，可以带小数 |
| maximum-scale | 允许用户的最大缩放值，为一个数字，可以带小数 |
| height | 设置layout viewport 的高度，这个属性对我们并不重要，很少使用 |
| user-scalable | 是否允许用户进行缩放，值为"no"或"yes", no 代表不允许，yes代表允许 |
【em会继承父级元素的字体大小】
也就是避免1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em，那么在声明p的字体大小时就只能是1em，而不是1.2em, 因为此em非彼em，它因继承#content的字体高而变为了1em=12px。
【rem】
区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素(1em=16px)。
【自适应】
http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html
自己之前总用的固宽和绝对定位看来要好好改改了，字大小改用rem吧
返回列表
评论