忽略方向

Question

我正在爲iPhone構建一個Web應用程序。由於應用程序在不同的方向顯示不同的內容，因此兩個方向之間的內置動畫也會動畫原始內容。

爲了獲得更好的效果，我想禁用縱向和橫向之間的動畫。有沒有辦法做到這一點的Web應用程序？

我檢查了<meta>標籤，但沒有相關標籤。

感謝您的幫助！

Felix

Answer 1

我不認爲這是可能的。唯一的選擇是在使用視口時處理方向。

從文檔（這裏找到：http://developer.apple.com/safari/library/documentation/appleapplications/conceptual/Dashcode_UserGuide/Contents/Resources/en.lproj/Dashcode_UserGuide.pdf），它規定：

視窗
當他們使用它的用戶可以如何看待 您的移動Safari Web應用程序 本節控制值iPhone或iPod 觸摸。當用戶將設備 從縱向更改爲 橫向時，網頁可以縮放到適合新屏幕方向的 。該 兩個選項爲定向值 是：

「調整頁面寬度以適合」當你選擇了這個選項，你的web 應用程序調整大小（即 增加或減少寬度）時 設備方向更改。這 選項通常會建議 移動Safari瀏覽器的Web應用程序， ，因爲它增強了用戶的感知 Web應用程序作爲 獨立的應用程序，而不是一個 網頁。

「縮放頁面以適應。」當你選擇這個選項，您的移動 Safari Web應用程序的寬度不會改變 當設備方向的變化， 但規模一樣。換句話說， Web應用程序 的內容會出現一個大一點的。你可能 要選擇此選項，如果你的Web應用程序 具有複雜佈局 ，你不希望在寬度 當設備方向的變化而變化。

一個例子：

<meta name="viewport" content="width=device-width, maximum-scale=1, minimum-scale=1.0"> 

BR，
保羅Peelen