此问题可能是由于在组件中设置了固定的宽度和高度导致的。为了解决此问题,可以考虑使用Flexbox或Grid布局,以便根据屏幕大小调整组件的尺寸,并且不会被强制限制为特定的尺寸。
以下是使用Flexbox布局的示例代码:
可以根据需要调整justifyContent和alignItems属性来调整组件的位置和尺寸。
如果需要使用Grid布局,请参考以下示例代码:
这会将组件置于屏幕中心,并在屏幕大小变化时自适应大小。
请注意,在使用以上任一方法时,可能需要对CSS样式进行一些微调以达到所需的效果。