一倍图：设计稿320px 原名.png。二倍图：设计稿640px 原名@2x.png三倍图：设计稿750px 原名@3x.png ...

...

1、img元素srcset属性 srcset属性用于浏览器根据宽、高和像素密度来加载相应的图片资源。 属性格式：图片地址，宽度描述，像素密度描述 eg: src="small. ...

这里我们只说IOS系统下的设计，至于Android，因为尺寸太多，涉及的东西比较乱，我整理好以后再说吧。页面篇幅比较长，不推荐一次性看完，那样你潜意识里就会对它厌烦了，所以可以有时间读一读，看一看。P ...

例子 一倍屏：1物理像素 = 1px二倍屏：2物理像素 = 1px三倍屏：3物理像素 = 1px为什么要有二 ...

萌狼蓝天 2022年 3月 11日 学号：202006070225 一、填空题 1.视口分为布局视口、视觉视口、理想视口 2视口通过<meta>标签来设置 3.初始化移动端默认样式使用的库是normalize.css backgound-size 中把背景图片扩展 ...

/* 如果设备像素大于等于2，则用2倍图 */ @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2) { .img ...

图片文件夹对应倍图关系： 　　ldpi　　 0.75 倍图 　　mdpi　 1.0 倍图　　 　　 　　hdpi　 1.5 倍图 　　xhdpi 　 2.0 倍图 　　xxhdpi 3.0 倍图 　　xxxhdpi 4.0 倍图 　　 UI工程师，标准UI ...