缩放固定大小的页面到屏幕的宽度？

在适用于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

缩放固定大小的页面到屏幕的宽度？

回答

相关问题