html设置页面背景图片并禁止页面缩放

最新推荐文章于 2021-06-15 22:54:14 发布

huxinguang002

最新推荐文章于 2021-06-15 22:54:14 发布

阅读量7.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： html 前端文章标签： html 背景图片禁止缩放

本文链接：https://blog.youkuaiyun.com/huxinguang_ios/article/details/81132012

html 同时被 2 个专栏收录

1 篇文章

订阅专栏

前端

1 篇文章

订阅专栏

本文介绍了一种使用HTML和CSS设置网页背景图片的方法，并通过meta标签禁止了页面缩放，确保了在不同设备上的一致显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

示例代码：

<!DOCTYPE html>
<html lang="zh">
<head>
    <!--禁止页面缩放-->
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" charset="UTF-8">
    <title>设置背景图片并禁止页面缩放</title>
</head>
<body>
<!--设置背景图片，z-index = -1表示图片元素处于页面层级的底部，即背景图片-->
<img src="/background.png" style="position:absolute; width:100%; height:100%; left:0; top:0; z-index:-1;"/>
<p>测试</p>
</body>
</html>