html - 使用 twitter bootstrap 选择选项列表超过 iphone 宽度

Question

我在选择选项中有一个长度字。因此，使用 twitter bootstrap，选择选项列表超过了 iphone 的宽度。我该如何解决这个问题？

这是我的正常编码:

<select id="country">
<option>South georgia and the south sandwich islands</option>
<option>United states</option>
</select> 

Answer 1

只是限制 iPhone 屏幕的 Div 的宽度。例如，假设 iPhone 屏幕的宽度是 350px(我现在不记得确切的宽度)，那么现在您可以将下拉菜单限制为 340px，以适应最大 350px(iPhone) 的屏幕。

这将保留其响应能力并帮助您解决问题。只需遵循下面的代码逻辑:

@media-screen and (max-width=350px)
 {
 max-width: 340px;
 text-align : center;
 }
}

希望这对您有所帮助。