面对不同的手机,元素大小应该怎样去适应呢?

前段时间有去研究下rem这个单位的使用,到现在应用到实际的产品中,怎么说呢,优势还是很好的,但就基于我前段时间的【用js来判断屏幕大小来实时的写入html元素的文字大小】到现在也是在测试阶段,就发现如果手机性能不行响应慢,或者说是网络的原因,js读取就需要0.几秒的时间,真个页面就是会跳转下,用户的体验很不好。

所以想了个解决的方法,

css的读取时间比js读取的时间快,所以我就想了个办法 ,写一些主流手机的宽度断点,比如320.360.375.414,这几个断点,就可以很好的避免出现刷新页面出现页面弹跳的情况。

至于没写的断点,那就看你的产品需求来变化咯。

觉得有用么?有更好的方法欢迎交流。