css背景图怎么在手机自适应全屏

如题所述

第1个回答 2017-01-13

根据页面设计情况选择相应的参数，方法就是设计背景size参数
background-size：cover ，适用于上半部分背景图片，下半部分纯色
将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。
background-size：contain 适用于一屏幕，缺点屏幕宽度高度不一致，会有缝隙
将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终被包含在容器内。
background-size：100% 100%；
最简单粗暴的方法，缺点会给背景拉伸变形本回答被提问者采纳

相似回答

css如何让背景图全屏显示css如何让背景图全屏显示出来答：步骤一、首先打开需要修改的HTML文件。步骤二、然后始化样式，将代码添加在标签内。步骤三、添加一个p容器，然后命名为bg-box步骤四、背景全屏需要容器全屏，将bg-box的样式补全。步骤五、设置完毕，图片背景以及全屏了。我用HTML做了一个页面想让他在手机浏览器中全屏显示，可是只用了多一半屏幕？首先建...

css手机版页面制作时如何让背景图片适应div的高度和宽度答：1、输入position:fixed; top: 0; left: 0;使整个div固定在屏幕的最上方和最左方。2、输入width:100%;height:100%; min-width: 1000px;这个可以适合div的高度和宽度，而min-width是为了实现让屏幕宽度在1000px以内时，div的大小保持不变。3、输入background-size: cover;-webkit-background-size: ...

CSS背景图片自适应屏幕大小答：使用滤镜就可以了 body{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bglogo.gif',sizingMethod='scale');background-repeat: no-repeat;background-positon: 100%, 100%;}

css背景图片大小自适应css背景图片答：关于css背景图片大小自适应，css背景图片这个很多人还不知道，今天来为大家解答以上的问题，现在让我们一起来看看吧！1、打开html开发软件，新建一个html代码页面。2、2、在html代码页面的标签里面输入多行段落文字，用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。3、3、设置背景图片样式。4...

大家正在搜

css怎么让背景图片自适应 web背景图片全屏且自适应背景图片自适应屏幕 jsp背景图片自适应让背景图片自适应背景图片自适应大小网页背景图片自适应背景图片高度自适应移动端背景图片自适应