随着手机用户的快速增长， 建立自己的回复网站已成为许多公司和个人需求的需求。然而， 对于现有的传统网站， 如果你完全放弃了原始网站， 重新建立一个新的响应网站， 成本增加和资源浪费。如果传统网站迅速重新进入响应网站的方法， 在原始网站的基础上， 增加工作量很少， 您可以实现网站在移动设备中的全部适应。

　　一世。 分析几种主要类型的网站

　　1， 传统的PC网站

　　基于PC的一般网站可以显示详细信息。 页面很大， 丰富的内容， 诸如动画等多媒体元素， 视频， 可以包括图片。由于计算机监视器用于浏览， Web布局通常使用广泛尺寸和更小的字体， 确保尽可能多的显示信息。网络环境通常是有线或WLAN， 互联网相对较快， 网站开发不必考虑容量问题。PC侧网站更专注于网页内容的详细和呈现风格。

　　2， 移动网站

　　移动网站主要浏览各种移动终端设备。由于各个终端设备本身的差异， 使用环境的差异和互联网速度的差异， 使移动网站的内容必须简单， 表格相对单身， 必须适应各种不同的分辨率终端设备。 尽可能地考虑用户体验。

　　基于网站的网站在浏览器设备和互联网环境中获得了很大的限制， 不仅仅是在开发过程中网站内容的简单和用户浏览体验。

　　目前使用的更多Micro -Net站是一种移动网站的形式。这是一个基于微信入口的移动网站。 除了移动网站的一般特征， 企业和个人也可以与微信用户一起， 更准确的促销活动。千分网站建设方案开发钟站更加关注用户的浏览体验和交互性能。 这很方便， 隐私， 交互的[网站_互联网营销中哪项服务很好。性交武力， 打电话， 传输速率， 兑换率， 曝光的特征在于。

　　3， 响应网站

　　响应网站很简单， 是“一个停止发展， 可用处可用“可以与各种终端兼容， 不要考虑为不同的屏幕设备定制版本。最近几年， 各种大型屏幕移动设备的普及， 响应网站也受到更多人的青睐。许多人认为，响应性网站是实现友好的移动目标的最佳解决方案。

　　响应网站已实现“三站”， 它大大降低了网站开发和维护的成本。 同时， 全方位推广。

　　第二， 重点技术分析

　　1， 媒体查询

　　具体来说， 根据访问，可以根据媒体状态和屏幕分辨率解决。 调用不同的样式以呈现页面效果。通过敏感设计， 可以实现跨平台和交叉设备。

　　通过CSS中的媒体查询函数， 您可以为不同的设备类型定义不同的CSS模式。 浏览网页时， 自动查询媒体类型并调用相应的样式， 不同设备的优势。

　　2， 弹性盒布局

　　CSS3介绍了一种新型的布局布局 - 弹性箱布局模型。使用此布局方法， 布局可以更有效， 对齐， 和容器中的元素的空间分配。当不清楚可以执行容器大小或动态时，可以执行这种方法。

　　3， 图片流动性

　　在响应布局中， 图片需要适应不同宽度的屏幕。 提供最佳显示方案， 像水一样， 它会随着宽度的宽度而变化。网页中的图像分为内容图片和背景图片， 它可以单独“清除”设置。

　　4， 具体实施

　　将传统网站重建为响应网站， 为确保在PC侧不会更改原始网站。 同时， 您应该调整不同的移动设备。这需要分析原始网站。 不要破坏原始网站的HTML结构， 它只是一个满足移动设备浏览的新CSS。

　　1， 分析网站， 支付内容

　　由于移动设备屏幕宽度和互联网环境的限制， 不能[专业供应网站设计和生产]可以显示传统网站的所有内容。在针对内容时，网站的最重要部分可以保留。 丢弃它没有任何内容， 放弃了相当消费的背景图。移动网站中的每个页面都应该是应呈现给用户的内容。 简单的页面， 没有修改过多的背景。

　　2， 写一个响应网站样式表

　　支付内容后， 响应移动设备的样式表文件。隐藏在样式表文件中要隐藏， 适应剩余内容的显示。

　　3， 页面的应用程序样式

　　CSS3的媒体查询设置， 可以基于特定的设备加载不同的网页样式表， 在不同的设备上实现相同的浏览体验。

　　5， 测试

　　使用IE浏览器， 谷歌浏览器， 和PC侧的Firefox浏览器。 并更改窗口大小， 图片， 文本， 背景， 网页中的其他网页可以正常显示， 并保持良好的布局。在平板电脑和手机上打开网页。 网页中的每个元素都可以正常显示。 并保持良好的布局。根据测试结果， 重构页面， 适应性好[网站的建设在哪里， 哪个是好的]。