如何为移动设备设置单页网站的样式？

Question

已经搜索了很多这方面的内容。我的HTML已经有了：

<meta name="viewport" content="width=device-width, initial-scale=1" /> 

我的样式表中的每个宽度都是％，而不是px或em。

当我在手机或移动模拟器上打开页面时，它有一个大的水平滚动条，每行的段落减少到一个单词。任何有关这方面的帮助将不胜感激。对不起，我对CSS的了解非常有限，因为我只是在CS的第一年。