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

【文件属性】：
文件名称：手机端Web开发中遇到的那些问题
文件大小：274KB
文件格式：PDF
更新时间：2021-02-26 00:02:17
手机端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的屏幕中