Fatal编程技术网
  • css/
  • Css 将固定大小的页面缩放到屏幕宽度？

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

css html

Css 将固定大小的页面缩放到屏幕宽度？,css,html,viewport,fluid-layout,firefox-os,Css,Html,Viewport,Fluid Layout,Firefox Os,在Android版Chrome40上，缩放固定宽度的页面以适应屏幕宽度很简单。其中一个使用viewport元标记并指定内容的宽度并禁用用户缩放： 在Firefox OS 2.2模拟器中，相同的代码不起作用： 在Firefox OS浏览器中，如何使固定宽度的内容适应屏幕宽度 代码： index.html： <!doctype html> <title>Viewport test</title> <link rel="stylesheet" href

在Android版Chrome40上，缩放固定宽度的页面以适应屏幕宽度很简单。其中一个使用
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
我使用了下面的meta标签，它可以工作：

你能在Firefox操作系统中发布一个适当缩放页面的屏幕截图吗？@adkmatey我看不出有什么错误，上面写着：“此文档已成功地作为HTML5检查！” 
* {
    margin: 0;
    padding: 0;
}

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