根据父div宽度更改div宽度

Question

我有一个小部件，其中有两个div。当小部件大于500像素时，子div必须彼此相邻（50-50）。但是，当将小部件的大小调整为500px时，子div需要一个在另一个之上（100-100）。 小部件的宽度将根据窗口的宽度（在网格内）而变化。

我可以使用Javascript实现它，但我不想听窗口宽度的变化。