css - 在手机上调整字体大小

Question

我在下面做了一个标志设计。在大屏幕上它工作正常，但是当我将窗口大小时减小到足够大时， Logo 的右侧会被切断。我希望它不会被切断并用窗口调整大小。我可以在这里使用媒体查询，但我觉得我在这里严重遗漏了一些东西。有什么想法吗？

#back {
  background: white;
  color: #fff;
  padding-top: 150px;
  overflow: hidden;
}
#back .title {
  font-size: 7em;
  color: #074f66;
  margin-top: 0;
}
#back .title .highlight {
  color: #eebf3f;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<section id='back'>
  <div class="col-md-5 col-sm-4 col-xs-12">
    <div class='text-center'>
      <h2 class="title">my<span class="highlight">Logo</span></h2>
      <div class="bottom-spacer">
      </div>
    </div>
  </div>
  <!--//col-->
</section>

Answer 1

您可以检测到手机并在需要时手动增加尺寸

Mobile Device Detection in asp.net

How do I detect a mobile browser in a .NET MVC3 application