jquery - 调整窗口大小时保持表格纵横比

Question

这个问题困扰我很久了。

我已经为我正在使用的东西创建了一个粗略的“模型”。如果你看一下 jsfiddle ，您会看到“日历”(表格)未包含在其父 div(“橙色”div)中

我需要做什么，以便每次调整窗口大小时表格始终包含在它的父元素中？

它必须在不创建滚动条的情况下执行此操作，同时与父元素的顶部、左侧、底部和右侧保持 10 像素？

http://jsfiddle.net/URwpA/10/

非常感谢所有帮助!

Answer 1

http://jsfiddle.net/URwpA/26/怎么样？

基本上，从 HTML 中删除所有以像素为单位的宽度和高度，并添加 td, th {height:16%}到 CSS。 (我还通过从 style 中删除 <div class="held"> 属性来清理一下，因为它与 CSS block 中的样式冲突。)