HTML CSS 放大/缩小问题

Question

在 Chrome 浏览器中放大和缩小我的页面 Link of my page 时，背景会变形，页面看起来像这样 Look of page after zooming in Chrome。 可以在代码中进行哪些更改以修复它以在不扭曲背景图形的情况下放大 Chrome 浏览器？

这是我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Page Under Construction</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">

<style type="text/css">

body {
background:#d7df29 url('1.jpg') center center no-repeat;
width: 100%;
height:  100%;
}

html, body {
width: 100%;
height: 100%;
    }


</style>

</head>

<body>

</body>

</html>

非常感谢！

Answer 1

这句话说，我们还不能帮助你......

background:#d7df29 url('1.jpg') center center no-repeat;

我刚读到你的评论，你有一张图片，所以放大/缩小会失真......最好使用 CSS 来避免这种失真......