记录vue 移动web页面在iOS和安卓浏览导航栏的字不显示问题

正常布局一个导航栏,但是字在ios出不来,在安卓一切正常,直接上图:


未出现字之前的代码


字未出现

经过一番鼓捣;终于解决了:直接上图代码:


改后的布局


改变后的样式

下面这个,改变后的样式,我试着吧字体大小的单位用rem,结果,active后字又不显示了,用px就是正常的,没办法还是用px


px图


下面这个图是用rem为字体单位的效果图,就不上代码了,直接上图:


rem为字体单位的active后没出现字

总之,问题是解决了,但是总感觉不是最好的方法

用px为单位:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 刚开始做移动端web开发的同学应该都碰到过页面适配问题,为什么我在开发手机上调试好的页面在其他手机会有这样或那样的...
    留七七阅读 19,544评论 5 80
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,825评论 1 92
  • 在移动互联网快速发展的今天,手机的种类和尺寸越来越多,作为前端的小伙伴们可能会越来越头疼,但又不得不去适配一款又一...
    keenjaan阅读 26,940评论 9 86
  • 我几乎就要找到,加德满都一场大雨和呼和浩特的亲密联系 鸽子在雨中飞行的艰难,千万条电线互相拥抱和捆绑的错乱结着海棠...
    余上仙阅读 516评论 10 9
  • “做成的作品像天上出现的焰火,没有实现的知识黑夜而已。这对于艺术家来讲都是作品,都是他的人生。问题是人们仰望夜空,...
    悦芸阅读 1,145评论 0 1