html css背景高度按比例自适应100%

Question

怎么实现背景高度按比例自适应100%，宽度自动溢出且无滚动条

Answer 1

css背景的自适应在于你的div的高度
如果你的div是自适应高度的话
那么背景也就自定义了
如果你的背景是纯色的话那么就没什么好说的了
如果是小图你可以使用平铺
如果是大图你可以固定背景大图

Answer 2

css解决不了的就用js追问

新手不是太懂 求详解

Answer 3

最新的CSS3有这样的属性：background-size:cover 这个属性能实现无论是你宽度不足还是高度不足都能绝对按比例自适应100%的效果并且无滚动条完全符合你的要求。当然你也可以自己去定义。相关的详细参数能在w3school查到，w3school网址请自行百度。

如果你还在纠结CSS2，用filter吧。顺便一提，Chrome不支持filter属性，只支持-webkit-filter属性。并且filter属性在邮件中会被屏蔽，不要在邮件中用这个属性

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='你的图片地址',
    sizingMethod='scale');

 这个filter的效果会改变图片比例，慎用。但是这也是CSS2自适应背景的唯一解法了。注意是唯一。

本回答被提问者和网友采纳

Answer 4

把背景图片切小点，用repeat-x追问

是一整张全屏背景 宽居中 按比例缩放100% 左右自动溢出的效果