用js判断是不是微信浏览器打开，若是则采用对应css样式；不是就用默认css样式即可；具体代码网上一堆，一搜既有的东西。
<html>
<head>
<!--下面是css文件链接-->
<link href="css/style.css" rel="stylesheet" id="cssLink" />
</head>
<body>
<script type="text/javascript">
var ua = navigator.userAgent.toLowerCase()
var isWeixin = ua.indexOf('micromessenger') != -1
if (!isWeixin) {
var obj=document.getElementById("cssLink")
obj.setAttribute("href","css/css.css")//不是微信使用的css文件
}else{
var obj=document.getElementById("cssLink")
obj.setAttribute("href","css/style.css")//是微信使用的css文件
}
</script>
<!--下面div用来测试-->
<div class="div"></div>
</body>
</html>
你说的这个问题，应该算的上是手机适配的问题！
既然是手机web端页面，这里的尺寸应该指的是浏览器的可视区域！
同样是5寸屏，一些有问题一些木有问题。
那他们的不同点就在于浏览器的可视区域不一样。
针对这类极小部分的适配问题。可以通过。css适配做出适当调整：
//手机浏览器是这个最大区域(可视区域375px)时，应用这个里面的样式@media screen and (max-height: 375px)
{
}
//手机浏览器是这个最小区域(可视区域375px)时，应用这个里面的样式
@media screen and (mim-height: 375px)
{
}
//手机浏览器是这个最大区域(可视区域375px)介于345-75时，应用这个里面的样式
@media screen and (mim-height: 375px) and (mim-height: 775px)
{
}
具体你可以参考这个：
http://www.ibm.com/developerworks/cn/web/wa-cssqueries/
打开手机中的“设置”，会进入手机相关的信息界面
2
点击最上方的“显示”后，找到“字体”选项并点击进入
3
进入“字体”选项后，点击“在线字体”
4
一般分为免费和付费的字体，直接选择安装即可
END
方法2：【使用无root的字体app】
安装相关程序：百度或豌豆荚搜索“字体管家”，下载安装后打开程序
下载字体：进入页面选择自己的喜欢的字体点击下载
安装字体：下载完成后，依次点击“使用”-“温馨提示的确定”-“安装”，
更面字体：完成后会自动跳转到设置中的显示界面，找到“字体”点击进入，在“字体类型”中点击你想要更换的字体，再点击“应用”即可
