2011-04-05 43 views
7

我一直在網上看,我仍然困惑哪些工作,沒有。當我使用分號時,我在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"/> 

http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

我只是在尋找的,爲什麼我有這樣的錯誤,如果雙方的工作,特別是爲什麼它的正確解釋在Chrome上拋出錯誤。

編輯:woops,忘記了代碼標籤。更新。

+0

如果您在設置中運行帶有錯誤消息的iOS Safari,您將收到一條通知,告訴您分號是無效的屬性值 – tim 2012-06-23 07:38:06

回答

17

逗號是視口屬性的正確分隔符。 iPhone Safari(和其他瀏覽器)可能會更寬容並將分號解析爲分隔符,但是您依賴於瀏覽器的錯誤處理。

+0

謝謝!我沒有看到這個答案。在我問這個問題後不久,我在一個網站上看到了它。忘記添加通知。 :( – xivo 2011-07-06 18:33:04

+0

還應該注意的是,用戶可擴展鍵的正確值是yes或no,而不是1或0.(參考資料:[Safari支持的元標籤](https://developer.apple.com/library/ safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html),[Chrome Revision 154568](http://src.chromium.org/viewvc/chrome?revision=154568&view=revision)) – Luke 2015-07-06 01:57:06

+0

真的嗎?https:/ /www.w3.org/TR/css-device-adapt-1/#user-scalable意味着否則。 – Jimadine 2016-02-04 15:10:27