CSS高度自动剪辑小设备上的内容

Question

如果将高度设置为auto，为什么在大屏幕上显示我的响应div的全部内容，但是在较小的设备高度未调整时显示所有内容，即内容被剪切或剪切，怎么做你解决了这个问题吗？

.mycontainer {
     height: auto;
}

<div class="mycontainer">
    lots of text in divs
</div>

以上内容将删除较小设备上的文字内容。

Answer 1

这是一个基本的垂直对齐问题。我没有你的特定html或css ...下次会有所帮助，但只需进入你发送的模板页面：视差容器和文本容器的显示属性需要更改为display:table;和display:table-cell;然后，您可以将vertical-align:middle;添加到文本容器中，该文本容器将垂直移动文本而不会将其删除。但是，由于所有屏幕上的字体大小相同，您可能希望使用媒体查询在较小的屏幕上压缩它，从而在较小的设备上提供更好的可见性。