根据屏幕大小调整 Div 大小并保持纵横比

Question

我想让它响应迅速，适合所有屏幕尺寸和保持纵横比。

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

我该怎么做？我更喜欢 Jquery 而不是 CSS，因为我认为它不适合我的情况，例如使用百分比单位的 padding/margin top 等。

如何使用 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 */
}