视口标记语法

时间:2011-04-05 16:23:59

标签: google-chrome safari meta-tags viewport

我一直在网上看,我仍然对哪些作品感到困惑而不是。当我使用分号时,我看到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上抛出错误。

1 个答案:

答案 0 :(得分:17)

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