Question

html怎么让图片自动适应屏幕大小？而且图片不会重复！





Answer 1

用百分比不就行了

追问

用百分比就成这样了

追答

width: 1200px;
position: absolute;
left: 50%;
margin-left: -600px;

这个是CSS
把你的 最外层的div 设置如上
宽度 你可以自己改 意思就是 宽度为1200像素，然后-600px指的是屏幕的中线离你的图片左边600px，这样离右边不也就是600px了 所以就放中间了嘛

Answer 2

可以用CSS的属性background-size:100% 100%;

追问

我把表格也改成100%，图片就重复了

追答

你得这样设置，
首先是设置background:url(图片地址) 0 0 no-repeat scroll transparent;background-size:100% 100%;

追问

额 。。。还是不太懂

追答

你得这样设置，
首先是设置background:url(图片地址) 0 0 no-repeat scroll transparent;background-size:100% 100%;

还有一种方式就是不用设置背景图片，你可以把DIV设置成绝对定位，z-index指定得很小；然后通过JS动态的去改变DIV和图片的宽高就OK了

Answer 3

不设置宽高即可！不会重复是什么意思！

追问

追答

你这是背景图才会重复的吧！！背景图不重复 是 background:url() no-repeat; 设置宽度width:100%;！