层上的响应层

Question

首先请记住，我只是理解了很少的HTML语言...... 如果你回答，那就好像你要对一个10岁男孩做的那样...... 问题： 我想在我的网站上有一个背景图片，另一个在它上面。 bg的图像可以自由调整大小以匹配屏幕或移动大小， 但第二个应保持其纵横比....！

http://www.flickr.com/photos/110747328@N03/ ！[您将在左侧看到全屏尺寸，在右侧看到移动尺寸] [1]

Answer 1

我不知道你是否理解正确。这是我得到的：
您希望根据屏幕大小动态调整bg图像的大小，而不是“内容”。
您可以使用背景的“background-size：cover”的CSS属性获得第一个：

    body {
       background: url('path-to-your-image.jpg') no-repeat center center fixed; 
       background-size: cover;
    }

之后，如果你只是创建一个div并将你的内容放入其中。你会得到你想要的东西：要调整背景的大小和保持比例的内容 这是一个实例：http://jsfiddle.net/agarridob/8NtwE/
顺便说一句，我强烈建议您查看http://www.bentobox.io，在那里您会找到很多资源，可以帮助您了解HTML和HTML的一些内容。 CSS是。