补充一句,下面的说法是基于添加了<meta name="viewport">才成立的结论。老师也没说错~~~~老师没加meta标签~~~抱歉,老师
2015-12-24
很久之前就看了这个知识点,对于640*1136px的背景不能在iphone5上满屏显示的问题,我不得不说两句话。关于这个问题,我思考了很久,也做了测试。
首先,老师的说法应该是错误的。事实是640*1136Px的背景不仅可以全屏显示,而且还显示不完,有一半会被遮挡。那示例中为什么没有全屏显示呢?这是因为老师用的是谷歌浏览器设备模拟器,一开始执行的时候是按照PC的方式执行的,当把设备模拟器调整成iphone5,根据浏览器性能会将网页缩小完全显示在视口内。但是你一刷新,就会发现,正常的显示是不仅全屏,还被遮挡了。所以说,老师没有刷新啊~~~移动端不管逻辑像素还是物理像素,开发基于逻辑像素。
首先,老师的说法应该是错误的。事实是640*1136Px的背景不仅可以全屏显示,而且还显示不完,有一半会被遮挡。那示例中为什么没有全屏显示呢?这是因为老师用的是谷歌浏览器设备模拟器,一开始执行的时候是按照PC的方式执行的,当把设备模拟器调整成iphone5,根据浏览器性能会将网页缩小完全显示在视口内。但是你一刷新,就会发现,正常的显示是不仅全屏,还被遮挡了。所以说,老师没有刷新啊~~~移动端不管逻辑像素还是物理像素,开发基于逻辑像素。
2015-12-24
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=none" >
这句要牢记
这句要牢记
2015-12-22