Tools: computer, Vue.
1. Check CSS styles: Make sure that the CSS styles in the right column are set correctly, including width, position and floating. You may need to adjust CSS styles to fit the reduced layout.
2. Check the width of the parent container: If the width of the parent container in the right column is set incorrectly or there are other layout problems, the right column may be left blank after shrinking. Make sure that the width of the parent container can fit the reduced layout.
3. Use CSSFlexbox layout: Flexbox layout can help realize flexible layout and ensure that the right column can adapt to the layout correctly after being reduced. You can try using Flexbox layout to adjust the position and width of the right column.