博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
背景图自适应屏幕居中显示,且不变形
阅读量:6982 次
发布时间:2019-06-27

本文共 621 字,大约阅读时间需要 2 分钟。

html:
css:    .item {        width: 100%;        height: 100%;           .container  {              max-width: 100%;              height: auto;              min-height: 600px; // 这里可监听屏幕变化,改变最小高度              position: absolute;              left: 50%;              top: 50%;              transform: translate(-50%, -50%);  // 利用位移实现居中                                             background-image: url(./img/1.png);              background-size: 100%;              background-repeat: no-repeat;              background-position: center 0;     }    }

 

 

转载于:https://www.cnblogs.com/aloehui/p/10238299.html

你可能感兴趣的文章
报价单内,同一物料只允许一条行价格记录
查看>>
java this和super用法
查看>>
leetcode 283. Move Zeroes
查看>>
简单易用的ASP.NET UBB编辑器
查看>>
最新版Android4.0的12大新特性介绍
查看>>
Java源码之ArrayList
查看>>
[wordpress]WordPress地址(URL)错误,修改解决方案
查看>>
[转] 用管道获得shell 命令的输出
查看>>
Leetcode | Remove Duplicates from Sorted Array I && II
查看>>
敌兵布阵-线段树(1)
查看>>
对事物的欲望和努力度之间的矛盾
查看>>
A.出题人的RP值
查看>>
cs english sentence
查看>>
bash_profile
查看>>
数据库操作(一)
查看>>
BZOJ 1264 基因匹配Match(LCS转化LIS)
查看>>
BZOJ 3572 世界树(虚树)
查看>>
[NOIP2015] 运输计划
查看>>
win7安装omnetpp-4.6
查看>>
c# 判断点是否在区域内 点在区域内 在多边形内 判断
查看>>