可以使用CSS中的width和height属性来控制页面元素的宽度和高度。
可以通过设置宽度和高度来控制元素的大小。例如，以下CSS代码将div元素的宽度设置为500像素，高度设置为300像素：
div {
width: 500px;
height: 300px;
}在设计响应式布局时，我们通常需要设置元素的最大宽度和最大高度。这可以通过使用max-width和max-height属性来实现。例如，以下CSS代码将div元素的最大宽度设置为800像素，最大高度设置为600像素：
div {
max-width: 800px;
max-height: 600px;
}除了使用像素值来设置元素的大小外，我们还可以使用百分比。例如，以下CSS代码将div元素的宽度设置为父元素宽度的50%：
div {
width: 50%;
}为了实现在不同屏幕尺寸下的响应式布局，可以使用CSS中的媒体查询。例如，以下CSS代码将在屏幕宽度小于600像素时，将div元素的宽度设置为100%：
@media screen and (max-width: 600px) {
div {
width: 100%;
}
}/* 设置div元素的宽度和高度 */
div {
width: 500px;
height: 300px;
}
/* 设置div元素的最大宽度和最大高度 */
div {
max-width: 800px;
max-height: 600px;
}
/* 使用百分比设置元素大小 */
div {
width: 50%;
}
/* 使用媒体查询实现响应式布局 */
@media screen and (max-width: 600px) {
div {
width: 100%;
}
}注意：以上示例代码仅供参考，实际使用时应根据实际情况进行修改。