size属性不能限制单选下拉框弹出菜单的行数，仅当size≥2时强制切换为常驻列表模式；要限制弹出高度须用自定义组件配合css，原生select在ios等环境不支持size多行显示。
size 属性不能限制“单选下拉框”的显示行数——它根本不会让单选下拉框变成多行。你写的 size="3" 对单选 <select></select> 来说，只有两种结果：要么被忽略（浏览器当没写），要么触发列表模式（但仍是单选）。这不是 bug，是 HTML 规范定义的行为。
为什么 size 在单选下拉里“看起来没用”
单选 <select></select> 的默认行为是“下拉弹出式”，size 属性不控制弹出层高度，只决定是否切换渲染模式：
-
size="1"或未设置 → 渲染为传统单行下拉按钮（点击才展开） -
size="2"及以上 → 浏览器强制切换为“常驻列表模式”，不再下拉，而是直接显示指定行数的选项（带滚动条） - 这种列表模式仍是单选：方向键上下移动 + 回车确认，每次点击只替换当前选中项
想让单选下拉弹出时最多显示 5 行？别用 size
size 对下拉弹出态完全无效。要限制弹出菜单高度，必须用 CSS：
- 给
<select></select>加class="custom-select"，然后用 CSS 控制<select></select>自身无用，得靠伪元素或自定义组件 - 原生
<select></select>的弹出层无法用 CSS 精确控制——Chrome/Firefox 不暴露弹出层 DOM，Safari 更封闭 - 真正可行的做法：放弃原生
<select></select>，用<div> + <code><ul></ul>+aria-haspopup模拟，再用max-height+overflow-y: auto限制弹出高度size="3"却只显示一行？检查这三处写了
size="3"却没效果，大概率不是代码错，而是环境干扰：- 父容器有
overflow: hidden或height/max-height限制，把多出行数裁掉了 - 移动端（尤其是 iOS Safari）静默忽略
size > 1，哪怕加了multiple也回退成单行原生选择器 -
size值非法：如size="0"、size=""、size="-1"，浏览器会降级为默认size="1"
真要“单选但多行可见”，
size是唯一原生方案，但代价明确如果你接受“放弃下拉交互、改用列表式界面”，那
<select size="4"></select>就是标准解法：- 它语义上是
<select></select>，表单提交逻辑不变（仍只传一个value） - 键盘支持：Tab 进入、方向键切换、回车确认，无障碍友好
- 但视觉和交互彻底变成列表控件——没有“下拉”动作，用户一眼看到多个选项
- 注意：不要和
multiple混用，除非你真需要多选；加了multiple就必须按 Ctrl/Cmd 点击，否则单击会清空其他选项
最麻烦的从来不是怎么写
size="4"，而是你上线后发现 iOS 用户看到的还是单行下拉——因为 WebKit 内核根本不认这个属性。如果项目必须兼容移动端，别省事，直接上自定义下拉组件。 - 父容器有
