縮放固定大小的頁面到屏幕的寬度？

在適用於Android的Chrome 40上，縮放固定寬度的頁面以適合屏幕寬度很簡單。一個使用viewport meta標籤，並指定內容的寬度，並禁止用戶縮放：縮放固定大小的頁面到屏幕的寬度？

Screenshot showing content scaled to width in Chrome 40 for Android

在火狐OS 2.2模擬器相同的代碼確實不工作：

Screenshot showing content scaled to width in

如何在Firefox OS瀏覽器中將固定寬度內容適合屏幕寬度？

代碼：

index.html：

<!doctype html> 

<title>Viewport test</title> 
<link rel="stylesheet" href="index.css" /> 
<meta name="viewport" content="width=1000,user-scalable=0" /> 

Test

index.css：

* { 
    margin: 0; 
    padding: 0; 
} 

body { 
    font-size: 50px; 
    width: 990px; 
    border: 5px solid lightblue; 
}

來源

2015-03-02 feklee

@adkmatey我沒有看到任何錯誤，[驗證器]（http://validator.w3.org/）說：*「此文檔已成功檢查爲HTML5 ！「* – feklee 2015-03-16 19:43:07

我使用下面的元標記，它的工作原理：<meta name="viewport" content="width=device-width, user-scalable=no">

來源

2015-03-03 17:24:22 lufte

你能在Firefox OS上發佈正確縮放頁面的屏幕截圖嗎？ – feklee 2015-03-04 01:36:04

縮放固定大小的頁面到屏幕的寬度？

回答

相關問題