如何在Opera Mobile，iOS，Android等中使頁面寬度等於屏幕寬度

Opera Mobile，iOS瀏覽器，Android瀏覽器（最後兩個使用webkit引擎）等瀏覽器模擬lager設備的屏幕。例如：真實設備的屏幕寬度爲480px，但Opera Mobile顯示頁面，如屏幕寬度爲850px。如何在Opera Mobile，iOS，Android等中使頁面寬度等於屏幕寬度

如何防止這些瀏覽器模擬較大的設備的屏幕尺寸，並使它們像真實設備的屏幕一樣顯示寬泛的網頁？

來源

2011-05-02 Feniks502

使用<meta name="viewport" />

來源

2011-05-02 14:52:30

我已經嘗試過，但頁面佈局還是放不下屏幕上，它看起來比沒有這種好標籤，但它比屏幕寬一半（在Opera Mobile下）。 'document.documentElement.clientWidth'顯示供應商指定的屏幕寬度，當我使用這個標籤。我也試過[歌劇模擬CSS屬性]（http://people.opera.com/rune/TR/css-viewport/），但它沒有改變（我不知道，我理解它並正確使用）。 – Feniks502 2011-05-02 15:48:14

<meta name="viewport" content="width=device-width;" />的頭部應視口設置爲設備寬度

來源

2011-05-03 07:08:47

我已經告訴過，我以前試過。在另一個答案的評論中查看解釋。 – Feniks502 2011-05-03 17:59:01

這與以前的答案不同，它有一個內容標籤。你也插入了嗎？編輯：嘗試在wdth末尾添加'initial-scale = 1.0' – 2011-05-03 18:00:24

是的，我使用了'content =「width = device-width'，並且'initial-scale = 1.0'我也試過了，但沒有改變。 [http://timetable.raj.fvds.ru/m/]，可能你會找到原因。 – Feniks502 2011-05-05 15:44:35

如何在Opera Mobile，iOS，Android等中使頁面寬度等於屏幕寬度

回答

相關問題