【问题标题】:Responsive solution for HTML dropdown selectsHTML 下拉选择的响应式解决方案
【发布时间】:2014-09-11 11:44:49
【问题描述】:

我正在寻找下拉列表的响应式解决方案。

第一个图像是正常的,第二个是在 iPad 上。

很遗憾,我的列表不在平板电脑的容器范围内。我想过改变字体大小,但它已经很小了,我不想让字体变小

编辑:提供链接

http://hub.yfish.co.uk/testing/BEST/root-final/

提前致谢

【问题讨论】:

  • 尝试引导表单元素:getbootstrap.com/css/#forms-control-sizes。可能是您正在寻找的。​​span>
  • 老实说,您的网站并没有真正按照应有的方式做出适当的响应,我建议将 .action-profile 中的所有元素设置为 100% 宽度以用于较小的设备
  • 这将解决您选择下拉菜单越过元素的问题
  • 你为什么不通过一个css类给选择一个100%的宽度?
  • 大家好,感谢您的快速回复 - 我的网站只响应 768,是的,它有点不稳定!将筛选您的答案并在此处更新

标签: css forms responsive-design


【解决方案1】:

如果您正在使用 Bootstrap(就像我一样),请确保您检查文档(就像我应该拥有的那样),因为它包含您需要的一切!

http://getbootstrap.com/css/#forms-control-sizes

添加类 .form-control 解决了我的问题

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-09-23
    相关资源
    最近更新 更多