这样就只能做响应式布局了，不过不是以js来主导，得用css来主导，目前我了解到的有：

1.媒体查询

CSS媒体查询可以让我们针对不同的媒体类型定义不同的样式，当重置浏览器窗口大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。

2.百分比布局

通过百分比单位，可以使得浏览器中组件的宽和高随着浏览器的高度的变化而变化，从而实现响应式的效果。Bootstrap就是一个好的拓展3.rem布局rem是css3新增的单位，rem单位都是相对于根元素html的font-size来决定大小的,根元素的font-size相当于提供了一个基准，当页面的size发生变化时，只需要改变font-size的值，那么以rem为固定单位的元素的大小也会发生响应的变化。

当然还有其他方案，这个就有待各位大咖的发挥了，希望我的回复能帮到你