backgroundsize cover backgroundposition center 背景比例拉伸平铺下，repeatx不起作用backgroundsize contain 背景平铺下，repeatx起作用backgroundrepeat repeatx。

让页面以不同的分辨率全屏显示完整的代码如下！DOCTYPEhtmlPUBLICW3CDTDXHTML10TransitionalDTDxhtml1transitionaldtd 内容类型charset=utf8 填充10px headmarginb。

步骤一首先打开需要修改的HTML文件步骤二然后始化样式，将代码添加在标签内步骤三添加一个p容器，然后命名为bgbox步骤四背景全屏需要容器全屏，将bgbox的样式补全步骤五设置完毕，图片背景以及全屏了我用。

1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的标签中，输入css代码table width 70%3浏览器运行indexhtml页面，此时无论网页大小如何变化，table总能占用网页70%的宽度，可以实。

你好，使图片全屏显示可以有两种方式，各有区别第一种使用这种写法图片会自动根据屏幕宽度自适应第二种使用css的backgroundurl11jpgcentercenternorepeat这种写法，图片如果浏览器宽度小于图片本身宽度则会显示。

全屏主要就是要宽度铺满浏览器窗口，将宽度定义为100%即可如下这个示例 bodywidth100%margin0padding0 headerwidth100%heightauto header imgwidth100%displayblockborder0。

css设置一张图拉伸填满整个窗口，我们可以通过给这个图片设置width，height都给他们100%的高度和宽度，然后在就能看到填满全屏了，举个例子 class width100%通过class来控制 height100%。

也可以通过代码 lt！ 修改图标，这样就有了一个可以全屏的webApp了注意第一次可能不显示全屏，或许有缓存的问题。

2CSShtml，body height 100% padding 0 margin 0 outer height 100% padding 100px 0 0 boxsizing borderbox A height 100px margin 100px 0 0 background #BB。

让页面在不同分辨率下都全屏显示，完整代码参考如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot 实现两边固定宽度，中间自。

如果你是给body设置的背景的话，可以在加一个属性 backgroundsize100%这样就全屏了。

2打开浏览器查看效果如下3使用css代码如图支持IE9+，IE 78 平铺效果支持，但是在小于1024px的屏幕下居中效果失效4然后打开浏览器效果如图所示5之后使用jQuery模拟的方法css代码如图6然后jquery部分。

具体步骤如下1输入positionfixed top 0 left 0使整个div固定在屏幕的最上方和最左方2输入width100%height100% minwidth 1000px这个可以适合div的高度和宽度，而minwidth是为了实现让屏幕宽度在。

body backgroundurlnav_bgjpg 0px 0px repeatx 如果你做的是自适应屏幕的话，即没有大容器包裹的情况，无需设置宽度，默认就是width100%，也无需浮动 即CSS代码 nav backgroundurlnav_bgjpg。

拉伸是可以做的，需要用到另外一个属性css中设置背景图拉伸填充，在css21之前这个背景的长宽值是不能被修改的 实际的结果是只能重复显示，可以使用repeat，repeatx，repeaty，norepeat这些属性来控制背景图片的显示。

则0%100%的透明度也被提供PNG格式的图片的透明度不妨碍你选择文本也就是说，你可以选择显示在PNG格式的图片完全透明区域后面的内容这样我们就可以完美兼容绝大多数的浏览器，实现用CSS让背景图片100%填充了。

纯css实现不到那个程度，因为，你想象，在body里放一个div让这个div无论何时都100％显示里面要有内容不然显示不了，比如他们的长宽参数也设置成100%或者70％等等－ 当浏览器窗口长宽变化时，div和里面的内容总是。