html5 - 图像未在不同设备上正确调整大小

我正在努力使移动页面响应。但请继续遇到页面无法在不同设备上正常显示的问题。

这是我的HTML代码：

<!DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width/" >
<title></title>
<link href="css/book.css" rel="stylesheet" />
<style type="text/css">
    #page {
        background-image: url("images/image-000.jpg");
    }
</style>
</head>
<body>
    <div id="page">

    </div>
</body>
</html>

这是我的CSS代码：

body {
    background-color: #333;
    padding: 0px;
    margin:0px;
    font-family: Helvetica;
    font-size: 14px;
    line-height: 1.2;
}

#page {
    height: 1024px;
    width: 768px;
    background-color: #FFF;
    position: relative;
/*  background-image: url("images/img001.png"); - Set in the page header */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0px;
}

图像未在不同设备上正确调整大小

0 个答案: