相信很多刚开始写移动端页面的同学都要面对页面自适应的问题， 当然解决方案很多，比如：百分比布局，弹性布局flex，也都能获得不错的效果，这里主要介绍的是本人在实际操作中用的最顺手最简单的布局方案——使用rem单位实现自适应布局。

什么是rem单位

rem单位是CSS中的一种长度单位， 全称为“Root EM”，它相对于根元素的字体大小。使用rem单位可以方便地实现不同屏幕尺寸的适配，主要原因是rem单位会根据根元素的字体大小进行调整。

使用rem单位实现自适应布局

使用rem单位实现自适应布局，先说说需要设置根元素的字体大小。一般时候，我们将根元素的字体大小设置为50px，这样，1rem就相当于50px。接下来我们就可以在CSS中使用rem单位来定义元素的尺寸和间距。

一个简单的移动端自适应项目

mobiel-h5:一个简单的移动端自适应项目， 结合weui根据移动端尺寸使用rem布局，实现移动端的自适应。

自适应模板

自适应模板只需绑定通用域名即可， 可做到搭建一个网站适应电脑、手机等设备，根据不同屏幕响应不同页面布局。网站模板比自适应模板更多，适合对网站设计要求高，想要电脑与手机分开设计、运营的网站建设。

傻瓜式本地建站软件与手机端自适应布局

针对手机端自适应布局这一问题，许多傻瓜式本地建站软件已经做出了积极回应。为了满足市场对于多终端兼容性的要求，不少主流产品都在其功能特性中加入了对响应式设计的支持。

如何验证傻瓜式本地建站软件是否提供手机端自适应布局

在挑选傻瓜式本地建站软件时 您可以采取以下几个步骤来验证其是否提供手机端自适应布局的功能：

1. 网站模板

网站设计自适应模板只需绑定通用域名即可，可做到搭建一个网站适应电脑、手机等设备，根据不同屏幕响应不同页面布局。

2. 网站建设

国际上主流的搜索引擎及浏览器均声称你还在准备单独做个移动网站吗？

自适应布局的优势

因为移动互联网的迅猛发展，越来越多的企业和个人都意识到网站一个能够完美适配各种屏幕尺寸、分辨率的响应式设计网站显得尤为关键。

傻瓜式本地建站软件以操作简单、 无需编程知识著称，它为非技术人员提供了便捷高效的网站建设途径。这类软件通常内置了丰富的模板库， 用户只需要根据自己的需求挑选合适的样式，并通过拖拽组件的方式完成页面内容填充。对于那些希望快速上线网站而又没有专业开发团队支撑的个人或小微企业无疑是一个理想的解决方案。

---