发表于： 2017-03-01 22:43:11
2 895
今天完成的事情：根据建议，看了不少师兄的日报，重新又看了一遍task1的技能树，特别是关于viewport自适应的技能
明天的计划：继续巩固盒子模型的相关知识，把基础打牢
遇到的问题：发现自己的对web前端没有一个比较系统的认识，学起来有些吃力，还是要多积累基础知识，不慌着做任务
收获：对viewport有了一些认识，
viewport的概念
通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域要大，也可能比浏览器的可视区域要小。在默认情况下，一般来讲，移动设备上的viewport都是要大于浏览器可视区域的，这是因为考虑到移动设备的分辨率相对于桌面电脑来说都比较小，所以为了能在移动设备上正常显示那些传统的为桌面浏览器设计的网站，移动设备上的浏览器都会把自己默认的viewport设为980px或1024px（也可能是其它值，这个是由设备自己决定的），但带来的后果就是浏览器会出现横向滚动条，因为浏览器可视区域的宽度是比这个默认的viewport的宽度要小的。
返回列表
评论