移动web页面字体大小三
2024-08-29 06:54:27
<script type="text/javascript">
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
docEl.style.fontSize = 64 * (clientWidth / 640) + 'px';
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
</script>
其中docEl.style.fontSize = 64 * (clientWidth / 640) + 'px'
; 中64是html
中设置的font-size
,640是psd
中图像宽,也就说如果PSD
设计750px,那么这边就是75px
。你可以试一下,最后html
生效的字体大小和http://m.taobao.com 上的html
上的字体大小是一样的。
PS:第一位回答问题的仁兄,用了下你的代码。
最新文章
- JSP内置对象及常用方法
- [DPDK][转]DPDK编程开发(4)—lcore
- unity5.0材质添加问题
- NOIP2016の遊記
- 【JVM】JVM之类加载器
- Python之函数之路
- js动画之简单运动二
- 基于Flot可放缩的折线图
- 【CoreData】parent-child关系ManagedObjectContext应用
- windowsphone8.0 iso 下载地址
- SQL Server -减少代码触发的负担
- CentOS 下mysql ERROR&;n…
- php 表单提交大量数据发生丢失的解决方法
- Linux和windows 查看程序、进程的依赖库的方法
- hihoCoder week2 Trie树
- html与css架构的一点体验
- jQuery 操作 radio、select、checkbox
- loadrunner在win10破解提示:Cannot save the license information because acceses to the registry is denied的解决办法
- GeneratedKeyHolder的作用:获得新建主键值
- Android开发——跟随手指的小球实现