CSS背景图怎么自适应全屏(手机或者电脑)

摘要:
#演示{backgroundimg:url(../bg.png);--最简单粗暴的方式。
#demo{
  background-img:url(../bg.png);
    --(1)适用于上半部分背景图片,下半部分纯色
将背景图像等比缩放到完全覆盖屏幕,背景图有可能超出屏幕(容器)
    background-size:cover;

--(2)将背景图像等比缩放到宽度或高度与容器的宽度或高度相等,背景图像始终被包含在容器内。
   background-size:contain;
   --(3)最简单粗暴的方法,缺点会给背景拉伸变形;
   background-size:100%  100%;
}

免责声明:文章转载自《CSS背景图怎么自适应全屏(手机或者电脑)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇[转]Oracle 修改或者删除临时表 ORA-14452: 试图创建, 更改或删除正在使用的临时表中的索引WPF 纯代码生成界面(不使用XAML)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

k8s中设置探针-存活探针和就绪探针

基础概念 探针 是由 kubelet 对容器执行的定期诊断。 针对运行中的容器,kubelet 可以选择是否执行以下三种探针,以及如何针对探测结果作出反应: livenessProbe:指示容器是否正在运行。如果存活态探测失败,则 kubelet 会杀死容器, 并且容器将根据其重启策略决定未来。如果容器不提供存活探针, 则默认状态为 Success。 r...

记一次阿里云服务器中部署egg遇到的问题 (docker vim)

------------恢复内容开始------------ 1.下载好egg脚手架, 在package.json 同目录 添加 Dockerfile 2.编写Dockerfile # 设置基础镜像,如果本地没有该镜像,会从Docker.io服务器pull镜像 FROM node # 设置时区 # RUN apk --update add tzdata...

RedHat7配置IdM server

IdM服务器是一个集成身份验证服务器。 Figure 1.1. The IdM Server: Unifying Services Authentication: Kerberos KDC Kerberos使用对称密钥加密算法生成票据给用户,Kerberos-aware 服务检查票据来验证用户身份。 Data Storage: Red Hat Direc...

Docker实现运行tomcat并部署项目war包,并实现挂载目录

之前写的有点乱,现在再来整理一下docker的简单部署运行 借鉴博客:https://blog.csdn.net/qq_32351227/article/details/78673591 一、docker的安装,以及配置开机自启docker服务就不说了,网上一大把,我也做了另一篇博客笔记 #。。。 二、docker下载tomcat镜像并运行   2.1:搜...

springmvc总结(配置传递参数去除前后空格、参数绑定时处理日期)

1.属性为Integer时,前台表单不填,默认为null;属性为String,前台表单不填,默认为"";2.属性为Integer时,前台表单填空格,model封装为null;属性为String,前台表单填空格,model封装为"  ";3.属性为Integer,后台model封装时【去除】前后空格;属性为String,后台model封装时【不去除】前后空格...

MKMapView (地图)

//使用地图 #import "ViewController.h" #import <MapKit/MapKit.h>  @interface ViewController ()<MKMapViewDelegate>  @end  @implementation ViewController  - (void)viewDidLoad...