请教下大家手机端自适应的问题

Question

meta标签设置了移动端自适应 我需要设置导航栏，导航栏里有6个元素，导航栏左右还要设置logo和电话 像这样 logo xx xxxx xxxx xxxx xxxx xxx 电话 他让我做自适应，让导航栏在手机端上保持原样，但是屏幕一小样式就会乱，毕竟这么多文字，我只能把meta标签去掉让浏览器自己缩放才能实现吗，请帮忙解答

Answer 1

//写两套样式呀;

.nav{
    font-size: 18px;
}

//当屏幕宽度小于768px时
@media screen and (max-width: 768px){
       .nav{
           font-size: 12px;
       }
}

另外可以了解下 rem 这个单位