css全屏样式设置失败,css全屏布局自适应方法

css 如何让图片全屏的问题

css设置背景图片全屏，如果只是将其当做一张图片显示，可以通过css控制。超大图片，引入进来即可根据大小缩放。

如果这张图片为背景图片由于背景图片不具有伸缩性，只能通过别的方法绕着解决，在ie中可以用，实现背景拉伸铺满整个浏览器，但其它的浏览器不支持。

具体解决方法如下： 

1、创建以下目录结构的测试页面。

2、将测试图片显示在浏览器界面上，效果如下。

3、通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口。

4、通过CSS设置背景图片不重复，此时，图片将不能铺满窗口。

5、通过CSS设置图片大小100%，效果如下，图片铺满窗口。

6、通过CSS设置图片大小cover，效果如下，图片铺满窗口。

相关问答

Q1: 淘宝导航栏设置CSS代码为什么不能全屏，左右两块没背景色

导航栏只能控制中间960像素的空间，再结合背景图（设一个1920宽的图片做背景，注意哦，这个背景不是在css中设置的），就能实现导航栏全屏了（当然左右两边是没有菜单的）

Q2: css不能用百分比定义高度 我想让一个div全屏化 用css定义height为100%没效果 body高度已经设置成100%

div设置百分比是需要内容支撑的，自动适应内容的大小。

如果你需要全屏设置背景颜色时，可以直接设置body的背景。或者改为height:100vh或者height:100vmx

Q3: CSS 字体样式 无法显示style里的设置 以下使用了3种格式 都失败了 请找一下问题 谢谢～

代码的写法就错了。。。

style type="text/css"后面多了一个style标签；

p.strong那里，没有strong这个class，也就不会生效，如果是要让strong标签生效，

那么应该写p strong，而不是p.strong，中间是空格，不是.

Q4: 淘宝导航栏设置CSS代码为什么不能全屏

两侧的是通过页头背景来更换，请参考如下教程;tid=45

图片的制作可以是，任意宽度，高度等于你的导航加上店招的高，如你的白色店招高为120px，导航高为30px，则，制作一个高为150PX的图片（宽任意）底部30像素填充你的导航颜色即可，望采纳