安卓手机个性字体导致webapp页面布局错乱

美女镇楼- -:

clipboard.png

1.现在的问题是在安卓手机上设置了个性字体,导致页面布局出现错乱问题

2.还有个问题是在安卓手机上设置了字体大小,导致页面布局出现错乱问题

请问前辈们这两个问题怎么有什么解决思路么?或者建议?

阅读 6k
2 个回答

之前遇到过此类问题,用户把辅助功能中的大字号打开导致app中字体过大,ui变形,解决的方案就是不解决,因为你不能改变用户的操作习惯,而且这个是用户自己设置的,跟你做ui适配并么有多大联系

第一个问题 可以设置默认字体解决 但手机上就无解了 因为手机上字体就那一套 浏览器在找不到你设的字体后 就会fallback 到手机上字体

什么?引用网络字体?太大了 用手机访问的话花流量太多了 太影响体验

第二个问题 字体用rem 或者em来设置 写自适应页面就好了

-------------评论里面好像不能贴图,在这里改答案吧------------------

呃~这个是不可能的,因为em或者是rem是根据字体大小来设置显示的,因此没有办法说是在改变字体大小时不影响rem。之前看到的是用javascript动态设定字体大小,用rem来写对应的元素。这样的结果是在不同的手机上,整体的布局不会变化,用户自己设置的字体大小会被忽略,这样能保证说和设计稿的布局基本一致。也可以理解为是等比例缩放。

附注:
clipboard.png

具体做法:
http://www.cnblogs.com/xiaomi...
(后期补充,原来我看的那篇文章找不到了,这个原理一样)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题