快盘下载:好资源、好软件、快快下载吧!

快盘排行|快盘最新

当前位置:首页软件教程电脑软件教程 → 解决html中图片自适应屏幕大小的问题

解决html中图片自适应屏幕大小的问题

时间:2022-09-29 09:36:37人气:作者:快盘下载我要评论


解决html中图片自适应屏幕大小的问题

一、问题重现二、解决方案三、修改之后;重新看一下页面;底部没有再出现空白;图片正常适应屏幕大小


一、问题重现

页面底部有空白;如果换成其他电脑就看不出来;
但也只是暂时看不出来;如果按下F11全屏展示;还是会有白底。


解决html中图片自适应屏幕大小的问题

二、解决方案

经过检查;发现是图片自适应屏幕大小的问题;将css的样式调整一下;


原来的样式;
.background-img {
	z-index: -1;
	background: url(../images/background.jpg) no-repeat;
	background-size: cover;
}

修改之后样式
.background-img {
	z-index: -1;
	background: url(../images/background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-o-background-size: cover;
}


三、修改之后;重新看一下页面;底部没有再出现空白;图片正常适应屏幕大小

网友评论

快盘下载暂未开通留言功能。

关于我们| 广告联络| 联系我们| 网站帮助| 免责声明| 软件发布

Copyright 2019-2029 【快快下载吧】 版权所有 快快下载吧 | 豫ICP备10006759号公安备案:41010502004165

声明: 快快下载吧上的所有软件和资料来源于互联网,仅供学习和研究使用,请测试后自行销毁,如有侵犯你版权的,请来信指出,本站将立即改正。