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

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

https://img.mukewang.com/5c6e4b6000018edc07840763.jpg

慕标5832272
浏览 448回答 1
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去按宽显示内容.
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript