可以使用CSS媒体查询来实现页面元素的响应式尺寸。媒体查询可以根据不同的设备屏幕尺寸应用不同的CSS样式。例如：
@media screen and (max-width: 768px) {
/* 在屏幕宽度小于 768px 时应用下列样式 */
.example {
font-size: 14px;
width: 100%;
}
}在上面的例子中，当屏幕宽度小于768像素时，会将class为example的元素的字体大小设置为14像素，宽度设置为100%。
同样可以使用CSS媒体查询来实现页面元素的响应式排列方式。例如：
@media screen and (max-width: 768px) {
/* 在屏幕宽度小于 768px 时应用下列样式 */
.example {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}在上面的例子中，当屏幕宽度小于768像素时，会将class为example的元素设置为flex布局，换行并居中对齐。