具有大量图像的响应式网站;背景图片

Question

我必须使小部件响应。网址是 http://dev.pt-staging.com/discovery/careerpathwidget/index.html

问题是它有很多图像＆amp;背景图片也是。我裁剪的背景图像为Ipod 320 x 480（肖像）它看起来很好，但当我在横向模式下看到它看起来像它切割。令我惊讶的是，有很多设备和许多方向如何设置我的背景图像以相同的外观和感觉出现在所有设备上。

Q2我想在所有手机上做一个看起来不错的设计，这样如果用户看到它的设计看起来很缩小，而且在风景中它看起来很大，我不想为每个手机创建设计。每一项决议。那么我应该采取哪种解决方案来覆盖大部分智能手机。我认为在平板电脑上我的小部件可以很容易地显示为宽767。

请指导我，该网站目前正在响应，直到我尝试

Answer 1

这可能会这样做。它对我有用。

body {
    margin:0;
    padding:0;
    background:#d6d3c0;
    background-image: url(../images/background.jpg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}