移動屏幕設備寬度

我已經完成了我對移動屏幕寬度的研究，但有些事情我不能直接回答。移動屏幕設備寬度

以iPhone 4爲例，at this site它的寬度爲640px，高度爲960px。但它的設備寬度爲320像素。什麼是設備寬度？我正在製作一個響應式網站，這個設備寬度似乎是一個關鍵部分。設備寬度是否爲給定的尺寸以便網站正確縮放？其小的桌面站點，其他明智的他們將擴展到幾乎與桌面監視器相同的分辨率？有些人可以根據實際寬度解釋設備寬度，如果可能的話，在響應式網頁設計和視圖端口元標籤的情況下。

來源

2013-12-21 Jack Trowbridge

有針對物理尺寸..還有，這顯然是一個設備寬度以像素表示，並且與設備的寬度不同。此外，雖然測試我知道，當我要求手機是實際的規模時，屏幕變成了這個寬度。我只是想在網頁設計上下文的一些信息 –

可能重複[響應設計移動和桌面]（http://stackoverflow.com/questions/20720516/responsive-design-mobile-and-desktop） –

這是因爲你沒有設置視口。更多關於這裏：https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag

嘗試這個元標記添加到您的頭部，它應該解決您的問題：

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

來源

2015-03-15 22:34:41

移動屏幕設備寬度

回答

相關問題