蘋果設備是否忽略CSS @viewport定義？

我想找到一種方法來爲不同的設備設置不同的視口初始縮放比例。據我所知，沒有辦法使用元視口標籤來做到這一點 - 我還沒有找到一種方法來結合媒體查詢使用它。蘋果設備是否忽略CSS @viewport定義？

我希望CSS @viewport可以提供一個解決方案，但我一直在嘗試它無濟於事。我在我的HTML頭部使用了以下代碼：

<style> 
@viewport {zoom:.44;}        
</style>

但是發現它對iphone或ipad都沒有影響。如果沒有視口定義，兩臺設備都會以與他們相同的方式呈現頁面。蘋果設備是否忽略@viewport定義？我有與寬度聲明類似的結果。有沒有其他方法可以使器件敏感的初始刻度定義？

來源

2015-04-06 Jonathan Basile

[MDN的頁面（https://developer.mozilla.org/en-US/docs/指定Web/CSS/@ viewport）表示，Safari和Safari移動不支持@viewport。這是否回答你的問題？ – 2015-04-06 13:57:02

它回答其中的一個。例如，我很想知道是否有任何方法爲iphone和ipad指定不同的視口定義。我試過使用寬度=設備寬度的元視口標籤，但得到了非常不穩定的結果 – 2015-04-06 14:04:41

得到它在Safari工作，你需要在meta標籤

<meta name="viewport" content="width=device-width" />

來源

2015-04-06 14:02:19

嘿Stephen P.，我試過使用它，但我得到了奇怪的結果 - 在iPhone上，頁面放大得太多並切斷邊緣 – 2015-04-06 14:05:28

@JonathanBasile看起來解決方法是在元標記中定義Safari值，然後將CSS用於其他用戶代理（因爲Safari尚不支持該規範）。這是否適合您的用例？ http://stackoverflow.com/questions/26854011/how-to-scale-a-fixed-width-website-to-an-ipad-viewport – 2015-04-06 15:01:38

那麼，這將適用於除了不同的蘋果設備的一切 - 我希望至少爲iphone/ipad指定不同的定義 – 2015-04-06 16:40:03

蘋果設備是否忽略CSS @viewport定義？

回答

相關問題