汽車在iPhone旋轉的問題（縱向到橫向）

我希望我的iphone自動伸縮我在旋轉的網站。汽車在iPhone旋轉的問題（縱向到橫向）

當我使用這行代碼它的工作原理：

<meta name="viewport" content="height=device-height, width=device-width, minimum-scale=1.0, user-scalable=yes|no" />

但問題是，它同時激活我的CSS縱向和lanscape的即使它應該在橫向模式下激活只有一個：

<link rel="stylesheet" media="screen and (min-device-width : 320px) and (max-device-width : 480px)" type="text/css" href="css/mobileStyles.css?<?php echo date('l jS \of F Y h:i:s A'); ?>"> 
<link rel="stylesheet" media="screen and (max-width : 320px)" type="text/css" href="css/mobilePortraitStyles.css?<?php echo date('l jS \of F Y h:i:s A'); ?>">

當我使用這條線，而不是CSS以上的元作品的權利，但是，旋轉不自動縮放：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

問題是什麼？我該怎麼辦？

除了元線以上我的這些線，以及：

<meta name="HandheldFriendly" content="True"> 
<meta name="MobileOptimized" content="320"> 
<meta name="apple-mobile-web-app-capable" content="yes"/>

我測試的iPhone 4（使用iOS5中）

來源

2011-11-29 Alon

你試過using the orientation keyword in your media queries？例如

<link rel=」stylesheet」 media=」all and (orientation:portrait)」 href=」portrait.css」> 
<link rel=」stylesheet」 media=」all and (orientation:landscape)」 href=」landscape.css」>

來源

2011-11-29 12:42:45

這裏的問題是，它也影響到桌面broswer（身高是否比寬度或相對較大） – Alon

是的，但是這是你的其他媒體查詢的真實太，假設你使窗口足夠小！你可以嘗試在查詢中加入'和（max-device-width：480px）'（或者你需要的任何寬度）。 –

旋轉時沒有自動縮放的問題是iOS錯誤。在視口中設置最大規模似乎解決它，但實際上由於引入的其他問題數量 - 因爲你在這裏看到的不調整視口，以便不觸發媒體查詢。

你可能想看看workaround。

來源

2012-12-04 11:43:24

汽車在iPhone旋轉的問題（縱向到橫向）

回答

相關問題