Twitter bootstrap 更改<；选择>；使用字体大小的元素？

我想更改select元素的字体大小。网络视图一切正常，但如果我尝试在手机上查看，它看起来比预期的要大。谁能告诉我如何解决这个问题。下面是将字体大小更改为1.1em后选择的屏幕截图

下面是我用来设置样式和html标记的代码

select.form-control{
字体大小：1.1米；
高度：1.2米；
-webkit外观：无；
}

{{{（'Sort by'）}}
任何
1.
2.

您可以使用媒体查询更改较小屏幕上的字体大小

@media screen and (max-width: size){
    select.form-control {
        font-size: smallerfontsize;
    }
}

这个单位是em

---

在为移动设备开发时，请查看DP（设备像素）单元。

您可以添加媒体查询

<style>
select.form-control {
  font-size: 1.1em;
  height: 1.2em;
  -webkit-appearance: none;
}
@media screen and (max-width: 768px) {
    select.form-control {
      font-size: 10px;

    }
}
</style>

select.form-control{
字体大小：1.1米；
高度：1.2米；
-webkit外观：无；
}
@媒体屏幕和屏幕（最大宽度：768px）{
select.form-control{
字体大小：10px；
}
}

是否添加了

视口

元标记？