html – 当选项长于屏幕大小时,iOS 7不会显示多行

概述iOS 7在html选项中不显示多行： <select> <option value="volvo">Volvo test test test test test test </option> <option value="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi iOS 7在HTML选项中不显示多行：

<select>  <option value="volvo">Volvo test test test test test test </option>  <option value="saab">Saab</option>  <option value="opel">Opel</option>  <option value="audi">Audi</option></select>

它只是用省略号截断它.有没有人注意到这只有一个标准的HTML选项？

也许这是一个iOS 7的BUG,因为它不是在iOS6上发生的？我从the w3schools site直接拉了这个.

要重现,请让您的iPhone运行iOS 7并转到to this jsFiddle.

显然,您可以在选择后看到问题.但使用移动优化手机,您将看不到整个问题.

除非我在这里遗漏了什么.

解决方法 在选择列表的末尾添加一个空的optgroup：

<select>  <option selected="" Disabled="">Select a value</option>  <option>Grumpy wizards make toxic brew for the evil Queen and Jack</option>  <option>Quirky spud boys can jam after zapPing five worthy polysixes</option>  <option>The wizard quickly jinxed the gnomes before they vaporized</option>  <option>All questions asked by five watched experts amaze the judge</option>  <optgroup label=""></optgroup> </select>

总结

以上是内存溢出为你收集整理的html – 当选项长于屏幕大小时,iOS 7不会显示多行全部内容，希望文章能够帮你解决html – 当选项长于屏幕大小时,iOS 7不会显示多行所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。