手机端Web开发中遇到的那些问题

时间:2024-03-17 17:48:57
【文件属性】:

文件名称:手机端Web开发中遇到的那些问题

文件大小:274KB

文件格式:PDF

更新时间:2024-03-17 17:48:57

手机端Web开发中遇到的那些问题

这个feature应该不仅仅只关心手机端,而且还包括PC,因为苹果不仅仅在手机端(从iphone4开始),而且在,MAC上也使用了retina.首先,retina的意思就是,dpr(device-pixel-ratio)是普通屏幕的两倍.对比于CSS来说就是,原来在css中设置的是1px,在实际的屏幕显示时,也是1px.但是,在retina下,css的1px就是实际屏幕的2px.这样的结果就是:有同学会想,会啥会这样呢?命名看起来大小一样的,为什么图片变模糊了?这实际上是位图的特性.比如一个jpg文件,大小是200×300.那么他的实际屏幕像素就是200px×300px.放在dpr=1的屏幕中


网友评论