问题
之前写移动端时选取的办法是全rem布局,除了1px的边框其他都会把px替换会rem,然后js在页面初次访问时动态设置html标签的宽度。
但是目前有同事提到,如果都使用rem,会导致小屏中字体太小,大屏中无法比小屏看到更多的内容。
但是我有些疑惑,如果使用px保证了字体的大小,是否也就意味着小屏中会因为放不下对应的东西导致布局错位?
解决
因为在大多数场景下,用户使用更大的屏幕,是想看到更多的内容,而不是更大的字。
一般字体不用rem,都用px,因为正常来说不管屏幕大小,用户都希望看到的字体是一样大的,至于说错位可以在布局的时候尽量是自适应的(flex)
总结:字体依旧使用px。布局尽量使用flex