html - CSS 响应式图像元素

Question

您好，我正在尝试创建响应式电子邮件模板。

我无法使背景图片响应。

这是图像代码的示例:

a#logo {
    display: block;
    background-size: 100% 100%;
    width: 171px;
    height: 119px;
    background: url('http://tophitechgadgets.com/wp-content/uploads/2013/11/logo3.png')no-repeat;
    margin: 14px auto;
}

另外我想问一些想法，使它看起来完美的响应式网站。

演示:http://jsfiddle.net/nLxjU/2/

谢谢

Answer 1

无论您在何处使用背景图片，请确保元素的宽度 为100% 而不是600px 并使用背景-position: center center 正确定位图像。我能够以这种方式修复你的大部分图像。

http://jsfiddle.net/myajouri/nLxjU/5/