求思路，pc端网页怎么设计才能在移动端比较友好显示？

Question

网站做好了，但是需要适配到移动端，如果只考虑宽度的话还是比较好做的，可以通过 media来判定屏幕大小，做一些相应的css调整，但是现在首页有一些广告语，所以在屏幕大小变化时，字体大小需要相应的放大或缩小，并且由于首页有动画，所以字体的上下位置也需要做相应调整，该怎么设计呢？感觉屏幕宽度变窄，平滑的改变宣传语字体大小和位置不好做，没有思路。

Answer 1

1.对手机端强制viewport;

<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />

2.自适应的字体转换成rem;

//既然按照media的话,接下来就简单了,按照media去按宽显示内容.