移动端字体大小随设置变化

function fixRem(){
    var windowWidth =  document.documentElement.clientWidth || window.innerWidth || document.body.clientWidth;
    windowWidth = windowWidth > 640 ? 640 : windowWidth;
    var rootSize = 20 * ( windowWidth / 320);
    var htmlNode = document.getElementsByTagName("html")[0];
    htmlNode.style.fontSize = rootSize+‘px‘;
}
fixRem();
window.addEventListener(‘resize‘, fixRem, false);
时间: 2024-08-05 19:03:14

移动端字体大小随设置变化的相关文章

sublime中侧边栏字体大小的设置

sublime这个编辑器相当强大,但是它的侧边栏字体实在是太小了,实在是反人类的设计,幸好它给了我们修改的机会 第一步:下载PackageResourceViewer插件,通过PackageController下载是最方便的 第二步:点击菜单栏的工具按钮,然后点击工具按钮下的命令面板 第三布:在弹出的命令面板中输入PackageResourceViewer:Open,按下回车 ,按下回车 第五步:输入default.sublime-theme,按下回车,进入default.sublime-the

Html字体大小的设置单位PT与PX区别

Html字体大小的设置单位PT与PX区别  字体大小的设置单位,常用的有2种:px.pt. 基本概念: px:pixel,像素,屏幕上显示的最小单位,用于网页设计,直观方便: pt:point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用: em:即%,在CSS中,1em=100%,是一个比率,结合CSS继承关系使用,具有灵活性. PPI(DPI):pixel(dot)per inch,每英寸的像素(点)数,是一个率,表示了“清晰度”,“精度” PX和PT转换的公式: p

Android Studio 主题、字体大小的设置

1. Android Studio 主题的设置: 设置Android Studio 自带的主题 设置第三方主题 2. Android Studio 字体的设置 设置左面包名的字体大小 设置右面代码编辑界面字体大小 1.1 设置Android Studio 自带的主题及包名字体大小:  1.2 导入第三方主题: http://www.ideacolorthemes.org/themes/ 从这里下载第三方的主题,然后执行: File——>Import Settings——>下载jar包所在位置

wap端字体大小设置

window.onload=function(){ //1.首次加载的时候 调用动态设置rem的api setRemSize(); //2.当用户企图更改浏览器宽度 自动获取屏幕宽度 在计算rem赋值给根元素里面的font-size window.addEventListener("resize",setRemSize,false); function setRemSize(){ //1.在任何尺寸中都可以获得rem值 //线用1px 不用rem //获得屏幕的宽度----获取到了re

弹框(AlertDialog)和提示信息Toast字体大小颜色设置

一.AlertDialog: AlertDialog.Builder builder = new AlertDialog.Builder(getActivity()); builder.setTitle("温馨提示"); builder.setMessage("是否进行下一个病人?"); builder.setPositiveButton("是", new DialogInterface.OnClickListener() { @Override

pc端字体大小自适应

$(window).resize(function ()// 绑定到窗口的这个事件中 {  var whdef = 100/1920;// 表示1920的设计图,使用100PX的默认值  var wH = window.innerHeight;// 当前窗口的高度  var wW = window.innerWidth;// 当前窗口的宽度  var rem = wW * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值  $('html').css('fo

Android: 设置 app 字体大小不跟随系统字体调整而变化

在做 app 内字体大小的需求,类似于 微信中设置字体大小. 那么就需要 app 不跟随系统字体大小调整而变化,找到了两个方法. 方法1: 重写 getResource() 方法,修改 configuration 为 setToDefaults() 1 /** 2 * 设置 app 不随着系统字体的调整而变化 3 */ 4 @Override 5 public Resources getResources() { 6 Resources resources = super.getResource

13.plsql 设置字体大小:

设置编辑器的字体大小: 设置行号的大小: 来自为知笔记(Wiz)

Eclipse设置:背景与字体大小和xml文件中字体大小调整

Eclipse中代码编辑背景颜色修改: 代码编辑界面默认颜色为白色.对于长期使用电脑编程的人来说,白色很刺激我们的眼睛,所以改变workspace的背景色,可以使眼睛舒服一些.设置方法如下: 1.打开window / Preference,弹出Preference面板  2.展开General标签,选中Editors选项,展开.  3.选中 Text Editors,右边出现TestEditors面板. 面板中有这样一个选项:Appearance color options:其中是各种板块颜色的