css移動但橫向模式？

Question

我對移動設備使用特殊的css，但設置最大設備寬度爲480像素（我不知道這是否是標準尺寸）。但是，當我的屏幕處於橫向模式時，寬度實際上大於480像素，因此此mobile.css文件未加載。

<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="/media/css/mobile.css" type="text/css" /> 

什麼是正確的方法來處理這種情況...？請幫忙！

---------------------------- Update ----------------- --------------------------

所以，這工作正常，但似乎像移動設備正在做怪異的事情，當頁面加載原來。

Answer 1

這是我找到的作品。我目前正在開發適用於iOS/Android設備的網站，我使用670px：

<meta name="viewport" content="width=670, initial-scale=0.45, minimum-scale=0.45"/> 

我也把一切都放在一個div下面造型

#mainDiv 
{ 
     max-width:670px; 
     margin-right: auto; 
} 

這符合移動視窗罰款對於肖像，因爲div是左對齊的，所以風景也是如此。