寬度爲1044px的網站不適用於iPad

Question

我正在開發使用WordPress的網站。該網站居中，寬度爲1044像素。在桌面瀏覽器上，一切都按預期工作，但是當我在iPad上檢查時，設計在右側被切斷（使用iPad方向），並且必須輕掃才能看到。

http://oscarciutat.com/reciclar/home/

我加入這個CSS規則沒有成功：

body { 
    min-width: 1044px; 
} 

如果我添加以下meta標籤的問題惡化：

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

任何想法左右我什麼在這裏做錯了嗎？我嘗試的每個解決方案都不起作用。

在此先感謝

Answer 1

<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- You can change the initial-scale to make it fit ---> 

嘗試使用上述，應使其工作。

如果沒有，你可以使用CSS媒體查詢的iPad屏幕分辨率

@media (max-width: 1024px) { 
    YOUR CSS TO REDUCE WIDTH OF SITE 
} 

Answer 2

的iPad3的確實有一個更高的分辨率，但它們都具有1024×768的視工作。這就是爲什麼它不適合。