手机APP字体随着屏幕的变化而变化
2016-07-26 11:57
197 查看
最近手写移动端样式比较多。其中涉及一个很重要的就是字体的大小。现在移动端分辨率不尽相同,在不同分辨率下显示不同不同字体大小,是做移动开发的基础。实现方法有多种,可以是媒体查询,也可以JS控制。媒体查询的我就不贴了,在这我贴出JS控制字体大小。
将以上script标签放到页面header中即可。
<script> (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 = 26 * (clientWidth / 750) + 'px'; }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window); </script>
将以上script标签放到页面header中即可。
相关文章推荐
- iOS代理设计模式
- 关于android启动页的一些优化建议
- Android实战打飞机游戏之实现主角以及主角相关元素(3)
- swift实现简单的图文混排
- 一种CoverFlow风格相册的Android实现
- Android模仿To圈儿个人资料界面层叠淡入淡出显示效果
- OpenCV4Android释疑: 透析Android以JNI调OpenCV的三种方式(让OpenCVManager永不困扰)
- Android进阶之RecyclerView使用
- cannot resolve corresponding JNI function
- android 应用启动时间、activity响应时间
- 转 -- 微信读书iOS性能优化
- android studio logcat 换行(日志换行)
- Android 开发常用icon下载
- Android中SQLite使用总结
- 基本控件使用(二)(ScrollView,TableView)
- Android图片加载框架Glide用法
- Android Studio 有用快捷键
- Android 数据绑定框架DataBinding,堪称解决界面逻辑的黑科技
- IOS 强制去除里面的警告
- findbugs常见问题