新手 第一次使用flexiblejs+rem 进行适配布局遇到一些问题

Question

用vscode 搭配px to rem & rpx (cssrem)插件 设置Root Font Size为37.5 但是为了适配各种屏幕要切换屏幕大小并且修改在不同屏幕尺寸下各元素的大小，在适配过程中要随时修改Root Font Size的值么

现在出现的问题就是 按照设计图 选择 iphonex 的屏幕写完之后 切换别的尺寸的屏幕就会出现 显示不全的问题

我现在的写法是 写完之后 切换最小屏幕 在用媒体查询 进行调整之后切换大一点的屏幕再进行调整重复操作 感觉很繁琐 有没有就是写完之后 能适配所有的界面的写法 求告知求告知~~~~

Answer 1

完全程序的事情 你这考虑什么手动改吗?

// 示意代码
size =  client.width  / 16 //动态值  16等分 1rem相当于屏幕1/16
//给html绑定font-size
html{font-size:size} 
//那么每个像素单位需要
1px / size * 1rem 

//当然其他什么技巧整数好计算不讨论