Question

我正在测试css3 viewport属性。我准备了2个版本的测试网站，其中meta标记带有viewport属性，第二个版本没有meta ... viewport。这是测试侧代码

<!doctype html>
<html lang=en>
    <head>
        <meta charset=utf-8>
        <meta name="viewport" content="width=device-width, initial-scale=2.0">
        <title>blah</title>
        <style>
            div {
                background-color: red;
                width: 980px;
                height: 30px;
            }
        </style>
    </head>
    <body>
        <p>viewport</p>
        <div></div>
        <img src="smile.gif">       
    </body>
</html>

smile.gif图片为600x600px。第二个版本没有<meta name="viewport"...行。 viewport属性似乎不起作用，因为我是否更改width或initial-scale的值，该网站看起来总是一样的。我在Android平板电脑和智能手机上进行测试。

Css3视口属性

0 个答案: