我正在开发流畅的响应式布局，左侧是一个单个大单元格的特色内容，右侧是垂直堆叠的两个较小单元格。我还无法在此处发布图片，但我可以提供a link to one。在示例中，您将注意到布局在框中包含短文本和长文本。
随着浏览器宽度的缩小，我希望保持缩小图像的宽高比，缩小文本列与图像列的比例，并在给定较小空间的情况下截断更多文本。当布局太窄时，媒体查询会将表格单元格折叠为三个全宽度行。 （图片上方文字链接。）
到目前为止，我已经能够通过绝对定位一个包含文本的div来完成我想要的某些浏览器，它填充了一个包含的显示：table-cell div，但这不适用于某些Windows浏览器，并产生令人厌恶的嵌套div，我担心这些div将无法维护。但是，您可以在http://beta.ckcufm.com上看到适用于Mac上的Safari 6.1和Firefox 30.0的演示。 （该页面上的其他一些元素可以忽略。）
除了使用jquery.dotdotdot之外，我更喜欢非JavaScript的解决方案。不需要网格框架，但如果它有用，可以使用一个。
