根据屏幕大小调整Div大小并保持宽高比

Question

我想让它具有响应性，适合所有屏幕尺寸和保持宽高比。

演示链接：http://yiedpozi.biz/yiedtest/

我该怎么做？我更喜欢Jquery而不是CSS，因为我觉得它不适合我的情况，例如使用填充/边距顶部和百分比单位等。

如何使用Javascript / Jquery执行此操作？

Answer 1

如果没有CSS，你就无法做到。

@media screen only and (min-width: 1280px) and (max-width: 1366px) {
/* Here is the CSS code at 1280 - 1366 screen resolutions desktop */
}