发表于: 2017-03-29 20:29:52
2 1233
今天完成的事情:
1.上午开第二次demo会议;下午开12期新增需求和bug讲解会议。
2.晚上听家豪讲viewport,准备的还不够充分,讲解时不太流畅,但基本内容都有,更多讨论终于提出来讨论了。
几个基本的概念:
移动前端中常说的 viewport (视口)就是浏览器显示页面内容的屏幕区域。
layout viewport(布局视口)
一般移动设备的浏览器都默认设置了一个viewport 元标签,定义一个虚拟的layout viewport(布局视口),用于解决早期的页面在手机上显示的问题。iOS, Android基本都将这个视口分辨率设置为 980px,所以pc上的网页基本能在手机上呈现,只不过元素看上去很小,一般默认可以通过手动缩放网页。
visual viewport(视觉视口)和物理像素
visual viewport(视觉视口)备物理屏幕的可视区域,屏幕显示器的物理像素,同样尺寸的屏幕,像素密度大的设备,硬件像素会更多。
例如iPhone的物理像素:
iPhone5 :640 * 1136
iPhone6:750 * 1334
iPhone6 Plus:1242 * 2208
ideal viewport(理想视口)和 dip (设备逻辑像素)
ideal viewport(理想视口)通常是我们说的屏幕分辨率。dip (设备逻辑像素)跟设备的硬件像素无关的。一个 dip 在任意像素密度的设备屏幕上都占据相同的空间。
这个沁修姐日报也做过详细归纳和总结,打算再看看。
3.给师弟们讲解禅道拆task的必要性和具体操作
遇到的困难:12期新增需求里的,客卿分享跳转到的页面ui图一直没给过来,有点耽误时间。
明天计划的事情:开发【客卿】新增分享页,修改客卿页bug。
收获:对项目流程的熟悉度up。
评论