如何让一张图片填满整个页面

1.选择一张较大的图片，一般为1920*1253

2.html {

　　height: 100%;

}

body {
　　width: 100%;

　　height: 100%;

　　background: url() left top no-repeat;

　　background-size: 100% 100%;

}

时间： 2024-10-20 02:00:51

如何让一张图片填满整个页面的相关文章

div填满页面剩余空间的方法

想让div填满页面剩余空间,最简易的方式还是靠提前的布局. 这里提供两种方法: (1)利用 height 样式的%比例设置布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1

background-size与背景图片填满div 在开发中,常有需要将一张图片作为一个div的背景图片充满div的需求 background-size的取值及解释 background-size共有三种属性,分别为 background-size: cover MDN文档解释说明:缩放背景图片以完全覆盖背景区,可能背景图片部分看不见.A keyword that is the inverse of contain. Scales the image as large as possible a

ext:grid分页，列宽度自动填满grid宽度

var cm = new Ext.grid.ColumnModel([{ header : '编号', dataIndex : 'id' }, { header : '名称', dataIndex : 'name' }, { header : '描述', dataIndex : 'descn' }]); var store = new Ext.data.Store({ proxy : new Ext

li 水平排列并自动填满 ul

找了li 如何水平排列并自动填满 ul,同时 li 宽度平均?资料,里面有提到"请用js动态计算保证兼容性", 因为我想实现的是,水平滚动条,ul的上级div是固定的宽度1000px, 我就想到用jquery 获取每个li的高度,ul的宽度等于每个li的宽度. 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT

poj 2676 如何填满九宫格

Sudoku Time Limit: 2000 MS Memory Limit: 65536 KB 64-bit integer IO format: %I64d , %I64u Java class name: Main Special Judge [Submit] [Status] [Discuss] Description Sudoku is a very simple task. A square table with 9 rows and 9 columns is divided to

自动填满窗口（宽度和高度都要填满）

要求 :A的高度是100px,宽度填满整个窗口,B,C的宽度分别是200px,100px,高度填满剩下的窗口,D的宽度和高度填满剩下的窗口. 我的想法:当时拿到这个题目的时候,宽度填满很简单,高度用自适应和百分之百都不行,就想到用js的方法,获取网页可用区域的宽度和高度然后在相减就可以了,这个方法确实可以,不过昨晚回来查了下,其实用css方法也是可以的,之前自学的时候也学习过,不过没有用到实际的项目中就忘记了,现在遇到这样的问题反而不会了.其实就是运用position:absolute的属

CSS左右固定，中间填满布局

先上个高清无码图: 源码: <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <link href="reset.css" rel="stylesheet&

img在div中高度不能自动填满的解决办法

不论img怎样设置高度,img在div中总有几像素总不能填满,如下图: 解决办法非常简单:只要给img加个样式[display:block;]就ok了~

当磁盘被大文件填满时的一些小技巧

当磁盘被大文件填满时的一些小技巧生产环境中会出现磁盘被一些大文件填满,但是大文件却因为被打开而无法马上删除释放空间的情况,以下技巧是解决此类问题的一种方法模拟环境先用/dev/zero 将/boot分区填满 [root@centos7 boot]# cp /dev/zero /boot/bigfile cp: error writing '/boot/bigfile': No space left on device cp: failed to extend '/boot/bigfile'