随笔分类 - 适配方案
摘要：页面中那些内容需要适配 一、图片高清适配 图片适配的目的是为了在页面中可以高清还原设计图中用到的图片。 页面中用到的图片是否清晰和展示页面的硬件设备的dpr以及图片分辨率这两个因素有关，下面会通过三个例子来说明这个问题。 1、示例一 例如dpr=2的设备，1个设备无关像素(android中的1dp，
阅读全文
摘要：设备像素比 dpr 与 1px 物理像素 物理像素（physical pixel） 手机屏幕上显示的最小单元，该最小单元具有颜色及亮度的属性可供设置，iphone6、7、8 为：750 * 1334，iphone6+、7+、8+ 为 1242 * 2208 设备独立像素（density-indenp
阅读全文
摘要：适配的基础知识 一、理解单位 px、pt、pc、sp、em、rem、dpr、dp、dip、ppi、dpi、ldpi、mdpi、hdpi、xhdpi、xxhdpi 如果你是ios开发，你需要了解的单位：pt，px，ppi；实际开发中用到的单位：pt。 如果你是android开发，你需要了解的单位：di
阅读全文
摘要：参考 华为折叠屏应用开发指导 华为发布折叠屏官方适配方案 聊聊安卓折叠屏给交互设计和开发带来的变化 华为5G折叠屏幕适配
阅读全文
摘要：PC端 特点 PC端的屏幕具备以下特点： 屏幕大小一般是大于 13.3英寸 用户会经常拖拉浏览器的大小 原因 正是因为 PC端上的浏览器大小会经常被改变，而且改变的范围还很大，用户会全屏浏览器，用户也会缩小浏览器到一个很小的值，如600px左右。 所以pc端上如果使用流式布局(百分比布局)，会导致页
阅读全文
摘要：移动端 特点 移动端下的屏幕存在以下特点： 屏幕相比较于PC端要小 浏览器不像PC端，随时各种调整大小 原因 移动端由于屏幕整体比PC端小，而且也不能出现拖动浏览器来调整大小的情况，所以在移动端上的布局是流式布局最多，其中有些小分支，如固定小版心。 案例 代码 普通的图片和容器，写单位的时候换成 百
阅读全文
