发表于： 2017-01-31 23:28:43
1 654
今天完成的事：今天走访亲戚回来时很晚了，只先看了些资料。
1）了解了PX,EM,REM的区别。
要用em作单位的时候，先 body选择器中声明Font-size=62.5%，然后将原来的px数值除以10，换上em作单位。
2）关于响应式网页设计，了解了大致要注意这些：
在网页代码的头部，加入一行viewport元标签；不使用绝对宽度，字体大小，都用百分比表示；布局各个区块浮动；
- 用这样的代码探测屏幕宽度，加载相应的css文件。<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 600px)"
- href="style/css/css600.css" />。media属性里设置宽度范围。
也可以用@media设置不同宽度对应不同的css
3）重新看了一些viewport相关。
遇到的问题：暂时没有。
收获：如上。
明天要做的事：写任务3；并解决之前遗留的问题。
返回列表
评论