遇到过的ios显示问题与解决方法记录

一. ios中下拉列表中的option项显示的字不完整

//解决方法：option外嵌套一个optgroup元素。
//iOS会根据select下拉列表中的内容长度自动缩小字体，以保证所有内容能在一行显示出来。
//加入了optgroup元素后，通过JQuery获取select选中值的方法不受任何影响。
   <select id="course" style="height: 0.3rem;width:90%;margin:0.1rem 5%;font-size: .14rem;">
        <optgroup>
            <option>请选择报名课程</option>
            <option>8月15日(周六) 10:00 - 肩颈修复 [难度：★]</option>
            <option>8月15日(周六) 19:00 - 瑜伽+普拉提 [难度：★]</option>
            <option>8月16日(周日) 10:00 - 肩颈脊柱 [难度：★]</option>
            <option>8月16日(周日) 19:00 - 女性调理 [难度：★]</option>
            <option>8月17日(周一) 12:10 - 空中瑜伽 [难度：★★]</option>
            <option>8月17日(周一) 19:00 - 垫上普拉提(减脂塑形) [难度：★★]</option>
            <option>8月18日(周二) 如需预约本日课程，请提前咨询您的专属课程顾问</option>

         </optgroup>
  </select>

本文地址：https://blog.csdn.net/weixin_45622053/article/details/107980253