Next.js中meta标签next-size-adjust属性解析及验证问题

1. next-size-adjust的作用 #

这个meta标签是Next.js专为移动端浏览器的文本自动缩放行为设计的，用来替代CSS里的text-size-adjust属性的meta实现。核心作用有两个：

• 阻止移动端浏览器自动放大网页文本，避免因文本缩放导致的布局错乱
• 保证页面文本大小在不同设备、不同系统字体设置下，都和设计稿保持一致

2. W3C验证错误的解决 #

你碰到的「Element meta is missing one or more of the following attributes: content, property.」错误，原因是标准meta标签（自定义name属性类型）必须包含content属性。

你添加content="100%"的做法完全正确，这和CSS中text-size-adjust: 100%的效果一致——明确告知浏览器保持文本原始尺寸，不做自动调整。

最终正确的标签写法：

<head>
    <meta name="next-size-adjust" content="100%" />
</head>

补充说明 #

next-size-adjust是Next.js的自定义meta标签，不属于W3C标准范畴，但只要补上content属性就能通过验证，同时不会影响它原本的功能。

内容的提问来源于stack exchange，提问作者Thomas Da Silva