程序整体屏幕尺寸缩小的问题

解决该问题的方法是使用响应式设计，即针对不同屏幕尺寸设定不同的布局和样式。通过CSS media query，可以针对不同的屏幕尺寸设定不同的样式和布局。

例如，在CSS文件中设置@media规则：

@media screen and (max-width: 768px) { /在窗口宽度小于等于768px时应用的样式/ body { font-size: 14px; } }

@media screen and (min-width: 768px) and (max-width: 992px) { /在窗口宽度在768px到992px之间时应用的样式/ body { font-size: 16px; } }

@media screen and (min-width: 992px) { /在窗口宽度大于992px时应用的样式/ body { font-size: 18px; } }

这样，在不同的屏幕尺寸下，页面的布局和样式会自适应调整。