§2.手机端第2天移动端web开发.pptxVIP

移动web开发;;;;手机的PPI非常的大，分辨率非常的高。如果用1:1的视口呈递网页，那么将会像从高空俯瞰整个页面。 视口的尺寸是手机厂商人为规定的，手机就会认为自己有这么宽，用这么宽的宽度来呈递网页。也就是说，作为前端开发工程师，我们不需要关心手机的分辨率。 视口的默认宽度是980px，我们可以用下面的meta标签来约束视口的宽度。此时视口将被设置为320~480的一个约束后的视口。这个视口宽度也是人为设置的。;;在移动端，仅有四个独立的浏览器内核，分别为微软的Trident、火狐的Gecko、开源内核Webkit、Opera的Presto。 目前微软的Trident在移动终端上主要为WP7、8系统内置浏览器。Opera的Presto内核主要为 Opera Mobile、OperaMini、欧朋浏览器以及欧朋HD Beta版。Webkit内核的适用范围则较为广泛，Android原生浏览器、苹果的Safari、谷歌的Chrome(Android4.0使用)都是基于Webkit开源内核开发???。 / /;;百分比布局，也叫作流式布局，指的是用%为单位写宽度的布局模式。 百分比，相对谁的百分比？相对父亲的。父亲为body，就是相对于浏览器窗口宽度。 一定要记住，padding和margin，无论哪个方向，都是相对于父亲的width。;;box-sizing 属性允许您以特定的方式定