调整编程盒子大小的方法主要有以下几种：
通过CSS的width和height属性
这是最直接的方法，可以通过设置盒子的宽度（width）和高度（height）属性来改变盒子的大小。例如：
```css
.box {
width: 200px；
height: 300px；
}
```
这将使得具有`.box`类的元素具有200像素的宽度和300像素的高度。
使用百分比
当需要使盒子的大小随浏览器窗口大小变化时，可以使用百分比来设置宽度和高度。例如：
```css
.box {
width: 50%；
height: 75%；
}
```
这将使盒子的大小变为其父元素宽度的50%和高度的75%。
使用EM单位
EM单位是相对于当前元素的字体大小来定义的，因此使用EM可以使得盒子的大小以字体大小为基准进行缩放。例如：
```css
.box {
width: 10em；
height: 15em；
}
```
这将使盒子的大小变为当前字体大小的10倍和15倍。
使用min-width、max-width、min-height和max-height属性
为了确保盒子内容能够全部显示或隐藏，并适应不同的屏幕大小，可以设置最小和最大宽度及高度。例如：
```css
.box {
min-width: 100px；
max-width: 500px；
min-height: 50px；
max-height: 300px；
}
```
这将限制盒子的宽度在100像素到500像素之间，高度在50像素到300像素之间。
使用JavaScript
通过JavaScript可以在运行时动态改变盒子的大小。例如，可以使用以下代码来改变一个盒子的宽度和高度：
```javascript
var container = document.getElementById（'container'）；
container.style.width = '300px'；
container.style.height = '200px'；
```
这将使得ID为`container`的元素具有300像素的宽度和200像素的高度。
建议
明确需求：首先需要明确是需要在设计时确定盒子的大小，还是在运行时动态改变。
使用合适的单位：根据具体需求选择合适的单位，如像素、百分比或EM。
考虑响应式设计：在设计时考虑盒子在不同屏幕尺寸下的显示效果，使用min-width、max-width等属性来实现响应式设计。
通过以上方法，可以有效地调整编程盒子的大小，以满足不同的布局和设计需求。