Css DIV上的背景图像（带有百分比）

我正在尝试学习有关div的百分比大小和背景图像。 所以

风景还不错。无论如何，我想改进它，作为一个响应性强的站点

myimage.png>>1920 x 964

我搜索并找到了一些教程。但是我卡住了。 我不想使用javascript来管理调整大小我正试图找到使用CSS的最佳方法，主要是学习和改进图像作为背景的视图

有人能帮我吗？

---

谢谢

对于响应背景设置

宽度：100%

例如：

.mydiv
{
float: left;
width: 100%;
background-image: url('http://bestinspired.com/wp-content/uploads/2015/03/4-Nature-Wallpapers-2014-1.jpg');
background-repeat:no-repeat;
background-position:center;
background-size: cover;
-moz-background-size: cover;  /* Firefox 3.6 */
background-position: center;  /* Internet Explorer 7/8 */
}

---

是的。。。但宽度和高度比例之间仍然存在问题。 我现在使用100%的填充底，所以我有一个“方形div”。这不是改善背景图像视图的另一种方法吗？再次感谢！我在努力学习：D

.mydiv
{
float: left;
width: 100%;
background-image: url('http://bestinspired.com/wp-content/uploads/2015/03/4-Nature-Wallpapers-2014-1.jpg');
background-repeat:no-repeat;
background-position:center;
background-size: cover;
-moz-background-size: cover;  /* Firefox 3.6 */
background-position: center;  /* Internet Explorer 7/8 */
}