google-chrome - 视口(viewport)标签语法

Question

我一直在网上寻找，但我仍然对哪些有效哪些无效感到困惑。当我使用分号时，我在 chrome 上看到错误，但 iPhone 可以识别它。逗号也可以正常工作。我想知道哪个是正确的写作方式。

半冒号 -

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

逗号 -

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" / >

https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

我只是在寻找一个正确的解释，如果两者都有效，我为什么会出现这个错误，特别是为什么它会在 Chrome 上引发错误。

Answer 1

逗号是视口(viewport)属性的正确分隔符。 iPhone Safari(和其他浏览器)可能更宽容，并且也将分号解释为分隔符，但是您依赖于浏览器的错误处理。