在iPad上查看半響應生成剁碎

Question

我還沒有鏈接在這一點上共享，但想知道是否有人遇到了與我一樣的問題。

我做了一個響應式網站，客戶要求該網站應該從寬度爲1080px的寬度下降到960px，這很容易構建和工作在桌面上，但在ipad中的肖像網站切碎在風景中，但它的完美。

我想它是與初始寬度被渲染上使用..

我已經試過：

<meta name = "viewport" content = "width=device-width; initial-scale = 1; maximum-scale=1; user-scalable = no;" /> 

和

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

爲「修復「也許我應該爲iPad設定一個固定的寬度？

Answer 1

給你的元初始規模= 1;

然後去你的媒體查詢，找到，如果你正在檢查的iPad尺寸

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 

請記住裸露，你需要額外的媒體查詢的ipad3的/ 4