rem是相对于根元素html的font-size。 1rem = html的font-size 移动端适配通常使用rem。 在开发时,设计稿通常为750px物理像素 ,所以用750设计稿举例对应的iphone6的375px逻辑像素。(物理像素是逻辑像素的2倍) 375 / 7.5 = 50px(37 ...
分类:
移动开发 时间:
2021-06-25 17:04:48
阅读次数:
0
场景:假设我们有这样一个需求,iPhone6(屏幕宽度为375pt)上的设计图上的字号为17pt,iPhone6Plus上的字号根据屏幕宽度缩放,即字号为(17ptx414pt/375pt)=18.768pt解决方案:如果一个一个设置太麻烦,容易遗漏,这时候我们采用runtime的替换方法来实现,如果嫌替换方法太麻烦,我们可以用第三方库Aspects来辅助我们解决。步骤:添加podpod‘Aspe
分类:
移动开发 时间:
2018-10-20 13:43:44
阅读次数:
294
看到这个题目你可能不信,促使我探究这个问题的缘由是几次项目中Chrome模拟器和iPhone6真机预览效果不一致。为什么在Chrome Emulation模拟手机页面和真机预览效果不一致?以前觉得不外乎两个原因:1.某些机型或浏览器对一些CSS属性不支持。2.某些设备不支持12px以下字体。今天要补充第3个原因:对于iPhone手机还会与手机系统设置的显示模式、设备硬件有关。...
分类:
其他好文 时间:
2015-03-19 13:22:28
阅读次数:
151