css - 在较小的显示器中安装下拉菜单

Question

好的，我有一个问题，我还没有弄清楚。

所以，基本上我使用的是 Bootstrap ，如果用户想注册，我会尝试为他创建一个部分。

问题是，如果我有 iPhone 3GS 并且想进入我的页面，下拉菜单太大，屏幕放不下! (如下图)

我添加的下拉菜单是来自 bootstrap 的。

有什么办法可以解决吗？

/------------------------------------/

为媒体最大宽度 4xx 像素添加下拉菜单 css 后。

Answer 1

.dropdown-menu 有最小宽度但没有最大宽度。它将是内容的宽度 + 填充。要限制小型设备的宽度，请仅执行以下操作。更正 .dropdown-menu 父级的宽度，然后使用 Bootstrap CSS 中使用的相同特性允许链接本身换行:

@media (max-width:480px) {
  .dropdown-menu {
    width:90%;
 }

  .dropdown-menu > li > a {
    white-space: normal;
 }

}

让最大宽度值成为你自己的，这只是一个想法。

通过查看解压缩的 CSS，您始终可以了解选择器的行为方式的原因。

Line 3423