这里不多说了,想详细了解的可以参考https://www.cnblogs.com/annie211/p/8118857.html不想多深究,想先实现的看这(移动端):html{font-size:625%;/*100÷16×100%=625…
前言ReactNative是以实际像素dp为单位的,这导致在不同分辨率的屏幕会有不一样的显示情况。在原生Android中,可以根据不同的分辨率添加不同的样式目录,以解决不同分辨率的问题。在web中常见的屏幕适配方式是使用rem、vw作为基本…
/*大屏幕:大于等于1200px*/@media(min-width:1200px){...}/*默认*/@media(min-width:980px){...}/*平板电脑和小屏电脑之间的分辨率*/@media(min-width:768…
importReact,{Component,PropTypes}from'react'import{Dimensions,PixelRatio,Platform,StatusBar,View}from'react-native'letpr…
写一个屏幕适配类文件AdapterUtil.js,这样避免每次进行单位换算"usestrict"import{Dimensions,StatusBar,Platform,PixelRatio}from'react-native'//UI设计…