如何在這種特殊情況下處理多個設備？

我嘗試測試不同設備的網站。我只有iPhone 4和iPad 2才能測試，因此我使用Chrome來模擬設備。如何在這種特殊情況下處理多個設備？

我注意到chrome確實讓事情變得很奇怪。

例如，在iPhone 5預覽中顯示正確，但顯示的容器非常小。

enter image description here

如果我檢查iphone 6加則內容繪製方式大。在哪裏我應該看到5排我只能看到2.

這與iPhone 4預覽中的情況相同。但在我的真實設備上，它在iPhone上顯示正常。

enter image description here

萬一有幫助，這是一些CSS的：

html, body { 
    width: 100%; 
    height: 100%; 
    margin: 0; 
    padding: 0; 
    border: 0; 
    overflow: hidden; 
} 

#container { 
    display: -ms-flexbox;  
    display: -webkit-flex; 
    display: flex; 
    -webkit-flex-direction: column; 
    flex-direction: column; 
    height: 100%; 
}

對於客戶端的移動功能是重中之重。我只是不知道該怎麼辦？

我ASLO有這樣的：

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

但有或沒有沒什麼區別。

如果我使用鉻檢查器測試其他網站，那麼有些問題會有同樣的問題，有些則不會。我能做些什麼呢？我完全迷失了。

來源

2015-04-15 clankill3r

請不要使用'maximum-scale = 1.0' ...我們並不都是擁有20/20視覺的人......有時我們需要**來擴展站點以便在移動設備上正確地看到它們。 –

最簡單的解決方案：您是否重新加載頁面？

如果這沒有幫助：某些網站存儲與其視圖相關的數據。嘗試清除您的Cookie。

來源

2015-04-15 10:14:21

對，重裝應該不錯。我已經看到來自Chrome的消息說你應該在更換設備時重新加載。 – Sebastien

是的，我重新加載，重新啓動並重新啓動。但我注意到也有一個錯誤，如果我從4到5然後5顯示正確。如果我從6到5然後5顯示不正確。這是重新加載。 – clankill3r

關於cookies，我自己製作網站，並且不使用cookies。 – clankill3r

如何在這種特殊情況下處理多個設備？

回答

相關問題