HTML本身不直接实现页面自适应和适配手机屏幕尺寸，但可以通过以下方法实现：

1. 使用CSS的@media查询，根据不同的屏幕尺寸设置不同的样式规则，以实现页面布局的自适应。例如：

“`css
@media (max-width: 767px) {

}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px) {

}
“`

2. 使用CSS的百分比单位和flex布局等技术实现页面元素的自适应布局。例如：

“`css
.container {
display: flex;
justify-content: space-between;
}

.item {
flex: 1;
width: 30%;
}
“`

3. 使用响应式框架，如Bootstrap、Semantic UI等，利用框架提供的响应式网格系统和组件库，快速构建适配不同屏幕尺寸的网页。例如：

“`html

“`

以上方法可以结合使用，根据具体需求选择合适的方法实现页面的自适应和适配。