HTML5不支持直接设置边框实线，需用CSS的border属性实现；最简写法为border: 2px solid #333；自适应靠rem、vw或容器响应式控制；移动端失效主因是缺失viewport、Retina屏1px发虚或overflow截断。
HTML5 本身没有“设置边框实线”的专属语法，边框由 CSS 控制；所谓“跨屏实线边框自适应宽度”，本质是用 border 配合响应式单位或容器逻辑实现，不是 HTML5 新特性。
用 border 写实线边框最简写法
实线边框靠 CSS 的 border-style: solid，通常和宽度、颜色一起声明：
-
border: 2px solid #333—— 最常用，三属性合一 -
border-bottom: 1px solid #e0e0e0—— 只设下边框，适合分隔线场景 - 避免只写
border: solid—— 缺少宽度时多数浏览器渲染为 3px，行为不一致 - 不要用
border: 1px #000 solid这种顺序 —— 虽然部分浏览器能解析，但非标准写法，border-style必须在颜色之后
让边框随屏幕宽度自适应的三种可靠方式
“自适应”不是边框自己缩放，而是控制它所依附的元素尺寸或边框单位本身：
- 用相对单位：
border: 0.1rem solid #ccc——rem随根字体缩放，适合整体 UI 缩放场景 - 用
vw：border-top: 0.05vw solid #000—— 边框粗细随视口宽度线性变化（注意：太小的vw值（如0.01vw）在小屏上可能被舍入为 0） - 容器驱动：
max-width: 100%; padding: 1em; border: 1px solid #ddd—— 边框不缩放，但父容器宽度响应式，视觉上“边框始终贴边”
移动端常见失效原因与修复
所谓“跨屏不显示边框”，90% 是以下问题：
