【H5开发】01从一个简单页面带你体验H5开发 ~ 从静态页面到调接口手把手教学整个页面实现过程

getRem(750, 100)

$(‘.top’).load(‘./common/header.html’);

});

window.onresize = function () {

getRem(750, 100)

};

function getRem(pwidth, prem) {

var html = document.getElementsByTagName(“html”)[0];

var oWidth = document.body.clientWidth || document.documentElement.clientWidth;

html.style.fontSize = oWidth / pwidth * prem + “px”;

}

当前考核周期：

内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容

内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容

４. 对照UI设计稿修改样式

• {

margin: 0;

padding: 0;

text-decoration: none;

}

body {

font-size: 10px;

-webkit-text-size-adjust: none;

background-color: #f4f4f4 !important;

font-family: ‘微软雅黑’;

}

.dqkhzq {

height: 0.8rem;

background-color: #ffffff;

font-size: 0.3rem;

font-weight: 400;

line-height: 0.8rem;