手机腾讯网根节点字体计算方案
来源:互联网 发布:fc2手机视频共享域名 编辑:程序博客网 时间:2024/05/23 17:32
下面这段代码是手机腾讯网的字体计算方案,
根据屏幕宽度动态计算<html>节点字体大小
(function() {
var baseFontSize = 100;var baseWidth = 320;
var clientWidth = document.documentElement.clientWidth || window.innerWidth;
var innerWidth = Math.max(Math.min(clientWidth, 480), 320);
var rem = 100;
if (innerWidth > 362 && innerWidth <= 375) {
rem = Math.floor(innerWidth / baseWidth * baseFontSize * 0.9);
}
if (innerWidth > 375) {
rem = Math.floor(innerWidth / baseWidth * baseFontSize * 0.84);
}
window.__baseREM = rem;
document.querySelector('html').style.fontSize = rem + 'px';
}());
0 0
- 手机腾讯网根节点字体计算方案
- 腾讯千亿节点相似度计算
- 手机9宫格锁屏方案个数计算
- 仿腾讯手机管家快捷中心功能的实现方案
- 手机字体发生错误时的修复方案
- 手机腾讯网渲染性能分析
- 【腾讯TMQ】手机管家(Android)UI过度渲染自动化测试方案
- 腾讯TDW千台Spark千亿节点对相似度计算
- 腾讯TDW千台Spark千亿节点对相似度计算
- oracle tree计算叶子节点到根节点的乘积
- 假如腾讯做手机
- 腾讯也做手机
- 腾讯手机助手
- 计蒜客 腾讯手机地图
- 自定义字体方案
- Android 自定义字体方案
- 【腾讯笔试】满二叉排序树中查找三个节点的最小子树的根节点
- 各节点集群方案
- 谈谈final, finally, finalize的区别
- VS2015运行时提示“列名username无效”错误解决
- 安卓手机系统的目录结构,请尽快掌握
- 在C#代码(后台aspx.cs)页面中实现js的alert功能
- Android沉浸式状态栏
- 手机腾讯网根节点字体计算方案
- [bsoj1823] 拯救Angel行动
- JS加载相对路径脚本的方法 - 汇总
- java、C++、C#、 Objective-c语言对比
- 在后台(aspx.cs)页面实现页面跳转
- 2429: [HAOI2006]聪明的猴子
- css/css3总结(一)
- 由<asp:DropDownList>理解Page.isPostBack的作用
- Android 6.0新特性之运行时权限