HTML无“文档最小值”属性，需通过viewport meta标签、CSS的min-width/min-height控制内容区域最小尺寸，禁用JavaScript窗口缩放API。
HTML 本身没有 “文档最小值” 这个属性，你真正想控制的，是视口（viewport）尺寸、页面内容区域的最小宽度/高度，或浏览器窗口可缩放的下限——这些得靠 <meta name="viewport">、CSS 的 min-width/min-height，以及部分浏览器的 window.resizeTo() 配合实现，但后者受限且不推荐。
viewport 缩放限制：防止用户把页面缩得太小
移动端最常见问题：用户双指捏合导致文字过小、布局错乱。这不是 HTML 属性，而是通过 <meta> 标签约束视口行为：
-
user-scalable=no禁用缩放（简单粗暴，但损害可访问性，不建议） -
minimum-scale=1.0允许缩放，但设定了最小缩放比例（实际效果依赖设备，iOS Safari 对该值支持较弱） - 更可靠的做法是结合 CSS：
body { min-width: 320px; }，配合<meta name="viewport" content="width=device-width, initial-scale=1">，让内容在小屏上至少保持基本可读宽度
CSS 设置内容区域最小尺寸：真正起效的“最小值”
所谓“文档最小值”，绝大多数场景下其实是希望整个页面内容不被压缩到某个尺寸以下。这只能靠 CSS 控制容器尺寸：
-
html或body上设置min-width: 375px（对应 iPhone SE 宽度），可阻止桌面端浏览器把窗口缩到极窄时内容塌陷 - 若用 Flex/Grid 布局，注意
min-width作用于父容器；子项若需响应式收缩，得额外加min-width: 0防止溢出（常见坑） - 不要只设
min-width而忽略max-width：否则大屏下内容会无限拉伸，阅读体验反而变差
JavaScript 强制窗口大小？别试了
有人想用 window.resizeTo() 或 window.moveTo() 强制限定浏览器窗口最小尺寸，现实很骨感：
立即学习“前端免费学习笔记（深入）”；
- 现代浏览器（Chrome、Firefox、Edge）已禁用这些 API 对非弹窗页面的调用，调用后静默失败，控制台可能报
DOMException: Permission denied to access property "resizeTo" - 仅在
window.open()创建的独立弹窗中有限支持，且多数用户会拦截弹窗 - 即使能生效，也会被用户立刻拖拽覆盖，属于无效且干扰体验的操作
真正要守住的底线，是用 viewport + min-width/min-height 组合，在合理范围内守住内容可读性和布局稳定性。其它“强制锁定”的思路，要么被浏览器拦住，要么被用户绕过，不如专注把 CSS 媒体查询和弹性单位写扎实。
