設置寬度=設備寬度視打破布局

Question

我有一個應該大規模基於使用@media查詢在CSS設備的寬度佈局：

@media only screen and (max-width: 510px) { 
    .... 
} 

雖然風格確實出現了應用，一旦視口設置爲「寬度=設備寬度」，設計就會有效地中斷。可能是因爲它太窄了，這很奇怪，因爲CSS應該縮小一切。

檢查以下

快速編輯屏幕：似乎在Android 4.1的工作不知何故。

Answer 1

這是iPhone上的問題嗎？這可能是因爲手機視網膜顯示屏的雙像素大小，請嘗試將initial-scale=1.0; maximum-scale=1.0添加到視口內容。