css怎么让一张图片适应任何屏幕大小的电脑平铺?

html-css010

css怎么让一张图片适应任何屏幕大小的电脑平铺?,第1张

下面是图片不失真但不保证是否完全铺满(留有空隙或者超出屏幕)的css代码:

1、横向铺满,纵向留有空隙或超出屏幕:

body {background:url(图片路径) no-repeat centerbackground-size:100% auto}

2、纵向铺满,横向留有空隙或超出屏幕:

body {background:url(图片路径) no-repeat centerbackground-size:auto 100%}

补充说明:background-size属于css3,只有支持css3的浏览器才有效。

电脑(Computer)是一种利用电子学原理根据一系列指令来对数据进行处理的机器。电脑可以分为两部分:软件系统和硬件系统。第一台电脑是1946年2月15日在美国宾夕法尼亚大学诞生的ENIAC通用电子计算机。

人们把没有安装任何软件的计算机称为裸机。随着科技的发展,现在新出现一些新型计算机有:生物计算机、光子计算机、量子计算机等。

1、如果楼主只是将其当做一张图片显示,可以通过css控制,如img{width:100%height:100%}.\x0d\x0a否则需要将其作为网页背景的话可以试试如下方法:\x0d\x0a2、如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用,实现背景拉伸铺满整个浏览器,但其它的浏览器不支持。\x0d\x0a这时可以拐个弯,设置两层div,底层div当做背景使用,放置一张图片即可。\x0d\x0a \x0d\x0a再将网页内容放置到第二层上页面内容\x0d\x0a3、网页背景图片默认情况下是重复平铺满整个页面。上面2方法是要求图片不重复,但又得占满浏览器所采用的方法。 回答于 2022-12-11