Css 响应性设计和物品元素

我有一页，有三个部分。每个部分都是一个包含整个页面视图的视图。我希望文章和背景能够像在桌面上一样适合移动设备屏幕，但我不知道如何调整文章。这是一把小提琴：

以下是CSS：

html {
    height: 100%;
    }

body {
    font-size: 1em;
    line-height: 1.4;
    height: 100%;
}

article {
    height: 100%;
    padding-top: 2em;
    }
.wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    height: inherit;
    }

.content {
    margin-top: 25em;
    height: inherit;
    }

---

我觉得您的代码并不是针对每个设备处理案例，您需要使用CSS 3媒体查询功能，这可以帮助您

---

我想您可以使用模板作为示例。

我找到了这个无网格样板，并将身高设置为100%，似乎效果很好。我也只是用了一个div而不是冠词。如果有人想要一个干净、反应灵敏的样板，我会给他打电话。试一试：

给你，使用显示表

article {
   height: 100%;
   padding-top: 2em;
   display: table;
}
.wrapper.content { 
    padding: 2em; 
    display: table-cell;
} 

---

为什么不试试呢？我也有同样的问题，没有人能帮我解决这个问题。似乎当您将高度设置为100%时，它只将其设置为“视口”的100%，而不是父元素。目前，我认为这是不可能的。我可以走这条路，我希望我能找到设备的高度并进行相应调整，而不是多次查询。