pc端网页模板如何修改为h5响应式模板？

如果您的网站是在2011年以前建的，那么极大可能就是用的pc端网页模板做的。因为从2011年开始，移动互联网才开始火爆起来，进入黄金增长期，与移动互联网密切相关的h5响应式建站模式也才跟着火爆起来了。

如果您的企业经营想要不落后于同行，那么就要及时跟上移动互联网的步伐，将pc端网页模板修改为h5响应式模板，以便于抢占移动互联网市场。

那么，pc端网页模板如何修改为h5响应式模板呢？

一、站在企业网站拥有者的角度考虑，步骤如下：

（1）寻找对h5响应式网站建设经验丰富的建站公司。如果是不专业的，没有丰富案例经验的，那么做h5响应式网站就会存在很多bug和不兼容。

（2）提供网站源程序、数据库、后台地址账号密码给建站公司。

（3）建站公司根据pc端网页模板的情况，酌情修改为h5响应式模板。

（4）建站公司修改完成后，将新模板安装部署上线。

二、站在同行技术人员的角度考虑，步骤如下：

（1）向客户获取网站源程序、数据库、后台地址账号密码。

（2）修改网页模板的源代码，其中最重要的就是要增加一段针对h5响应式网页的专用代码，如下：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

（3）修改css样式，做h5响应式网页模板，就一定要用到@media查询，它可以针对不同的媒体类型（包括pc显示器、平板pc、手机等）设置不同的css样式规则。举例如下：

@media (max-width: 1199px) {
    .menu {
        width:100%;
    }
}
@media (max-width: 991px) {
    .menu {
        width:98%;
    }
}
@media (max-width: 767px) {
    .menu {
        width:96%;
    }
}
@media (max-width: 539px) {
    .menu {
        width:94%;
    }
}

（4）如果网页模板代码做了大幅度调整，甚至进行了重写，那么就要重新编写模板调用标签，以便于前端后端数据对接。

（5）修改全部完成后，将新模板安装部署上线，并交付给客户。

（6）客户验收后，如果网页模板有细节调整，再根据客户需求进行调整改进。

一旦将pc端网页模板修改为h5响应式模板之后，您就可以立马开始在移动互联网上进行大范围推广宣传，抢占移动互联网市场，因为移动互联网还是蓝海市场，先到先得。