关于网页背景图怎样自动适应屏幕大小

有时候写网页想添加一些背景图，但是图的尺寸并不能适应每个屏幕。从而导致一个网页重复多张图。这样很不好看。

解决方法：

使用一个style标签

<body class="background_">
网页内容
</body>
————————————————
原文链接：https://blog.csdn.net/qq_41748900/article/details/90054623

关于网页背景图怎样自动适应屏幕大小相关推荐

HTML5----响应式（自适应）网页设计（自动适应屏幕大小）
HTML5----响应式(自适应)网页设计(自动适应屏幕大小) 现在,很多项目都需要做响应式或者自适应的来适应我们不同屏幕尺寸的手机,电脑等设备,那么就需要我们在页面上下功夫,但移动端的布局不同于pc ...
使用DW设置网页背景图
开发工具与关键技术: 使用DW设置网页背景图作者:冉启东撰写时间:2019年04月08日使用dw制作登录界面代码如下: 登录忘记密码注册账号 CSS1部分代码如下: .cont { widt ...
在Vue中将单独一张图片设为背景图并充满整个屏幕
Vue基础知识将单独一张图片设为背景图并充满整个屏幕代码如下(在主div中添加样式) background: url("../xx/images/图片名字.jpg");//这里 ...
怎么加载网页背景图随浏览器等比例缩放（css）
怎么加载网页背景图随浏览器等比例缩放(css) width:100%;height:100%;background: url(../images/ground.png);background-size ...
vue项目登录页背景图百分百铺满屏幕宽高自适应
vue项目背景图百分百铺满屏幕宽高自适应 .login{background: url(../../../static/img/login/beijing@2x.png);background-siz ...
css 背景图铺满整个屏幕无滚动条
kk总结了两种方式实现背景图铺满整个屏幕并且无滚动出现的方式,下面来一一介绍: 方法一: 先上个效果图 html页面:一个用来放背景图的容器.bg <body> <div class ...
【Web前端】网页背景图设置技巧
问题一:如何设置背景图铺满整个屏幕 css代码: body {background-image: url("../img/bg.jpg");background-position: ...
html页面一个屏幕大小不一样,关于web页自动适配屏幕大小
一.先了解下html5的viewport使用随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的 ...
echarts自动适应屏幕大小
echarts自动适应屏幕大小或者页面大小改变时刷新整个页面也可以 // 加上这一句即可 window.onresize = myChart.resize; window.addEventListe ...
css背景图铺满整个屏幕
pc端: h5端 : min-height:100vh; 当页面内容不够一屏时,使背景图至少铺满一个屏幕的高度: background加颜色是为了避免页面内容过长,背景图无法铺满,加与背景图相似的颜 ...

关于网页背景图怎样自动适应屏幕大小

关于网页背景图怎样自动适应屏幕大小相关推荐

最新文章

热门文章