发表于： 2019-03-01 12:22:01
1 774
今天完成的事情：学习了css中单位px em 和rem的区别：
px像素，相对长度单位，相对于显示器分辨率而言的。
em，相对长度单位，相对于对象内文本字体尺寸。如果当前对象内文本字体尺寸未设置，则相对于浏览器默认字体尺寸。任何浏览器默认字体高都是16px，即1em=16px。em的值并不是固定的。em的值会继承父级元素的字体大小。
rem，相对于html元素的字体大小。
了解了自适应与响应式的区别，响应式的概念覆盖了自适应，自适应网页应该怎么做：
1，加入viewport元标签
<meta name="viewport" content="width=device-width, initial-scale=1"
2，尽量少使用绝对宽度，用百分比代替
3，字体不使用绝对大小（px），而是使用em，rem代替
4，流动布局
5，选择加载css，自动探测屏幕宽度，选择加载css文件。
6，图片的自适应
img，object {max-width:100%}
参考网站：http://www.cnblogs.com/yuanziwen/p/6926561.html
明天要做的事情：今天下载ps没下完，那个psd文件打不开，明天安装ps后开始学习切图。
遇到的问题：暂无
收获：学习了px em rem和自适应的知识。
返回列表
评论