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

【问题标题】：Scaling fixed size page to width of screen?将固定大小的页面缩放到屏幕宽度？
【发布时间】：2015-03-10 06:42:38
【问题描述】：

在适用于 Android 的 Chrome 40 上，缩放固定宽度的页面以适应屏幕的宽度很简单。一个使用viewport 元标记并指定内容的宽度并禁用用户缩放：

在 Firefox OS 2.2 模拟器中，相同的代码不起作用：

如何在 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;
}

【问题讨论】：

@adkmatey 我没看错，validator 说：“此文档已成功检查为 HTML5！”

标签： css html viewport fluid-layout firefox-os

【解决方案1】：

我使用以下元标记并且它有效：<meta name="viewport" content="width=device-width, user-scalable=no">

【讨论】：

你能在 Firefox OS 中发布正确缩放页面的屏幕截图吗？