摘要: 这里的总结的主要思想是ppk的文章(文末附有链接),加入了自己的总结,下面的测试用的是iphone5s,android是安卓5.5吋的手机,只是为了直观感受和方便解释拿了空出来的测试机给出的数据。详细具体的数据可以参考ppk的原文章: layout viewport 浏览器默认 layout vie 阅读全文
posted @ 2017-10-23 23:57 JuFoFu 阅读(450) 评论(0) 推荐(0) 编辑
摘要: 1 明确几个概念: 物理像素 :屏幕物理像素 屏幕像素密度ppi :pixels per inch,屏幕上每英寸可以显示的像素点的数量,即屏幕像素密度。顺便一提,ppi就是dpi,只不过有文章里说苹果喜欢用ppi,dpi安卓喜欢用,emmmm,所以还是用ppi吧。 ppi的计算 :屏幕对角线的屏幕物 阅读全文
posted @ 2017-10-23 23:31 JuFoFu 阅读(5999) 评论(0) 推荐(0) 编辑
摘要: 这篇文章其实是在了解 viewport 的过程中发现这些概念容易混淆做了个小小的总结。viewport的首要关键是宽度的获取,宽度的计算有下面几个属性和方法: clientWidth offsetWidth innerWidth scrollWidth getBoundingClientRect() 阅读全文
posted @ 2017-10-23 23:20 JuFoFu 阅读(1472) 评论(0) 推荐(0) 编辑