请参阅我的网站http://www.checkgaadi.com。它在桌面上呈现良好，但在任何移动浏览器上，主站点徽标文本都包含在下一行。我使用了＆＃39; em ＆＃39;在CSS（下面）中指定文本大小，所以我希望减小字体大小，使文本适合可用的宽度。我如何实现这一目标？
#site-logo {
font: bold 5em/1em 'Segoe UI';
margin: 0 0 20px;
padding: 0;
text-shadow: 0 2px 8px rgba(0,0,0,.4);
}
有人建议使用媒体查询来实现这一目标，但我不知道......有人可以给我一些指示（或示例代码）以便我可以继续吗？