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

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 这个单位