精华内容
下载资源
问答
  • 2021-06-28 11:29:52

    问题描述:

    1、我们的h5页面是嵌入到app里面,用webview实现浏览器打开的

    2、在手机浏览器打开没有问题

    原因:

    安卓的webview会出现这个问题,因为webview是手机内置浏览器的sdk封装出来的组件,因此会受手机系统的影响,但是ios的webview不会出现这个问题。

    解决方法:

    1、同时经过测试发现我们用document.documentElement.html.style.fonSize获取出来的都是48px,但是实际上页面字体变大了,说明1px代表的像素变大了。既然问题出现在安卓,那安卓一定会有相应的解决办法: webview.getSettings().setTextZoom(100),这个方法可以设置webview内部字体的缩放比例,设置为100%也就是按照默认大小来显示,而不会是字体选择中的“大”、“超大”(大于100%)或者“小”(小于100%)。而因为限制了px的缩放比例,我们的长度也最终得以正常呈现。

    2、由于我们的app是使用别人的应用,所以让他们去改动会比较麻烦,因此只能我们页面改动:假设你的html fontsize设定为a px,实际显示是b px,但是你想让他显示是a px,因此你需要把html的fontsize调整为a*a/b px这样在系统字体大小变化时你还是可以保持设定的布局大小的。

    用window.getComputedStyle(document.querySelector('html'),null).getPropertyValue('font-size')可以获取到实际的大小,像document.documentElement.html.style.fonSize获取的都是一样的设定值而不是具体值。

    设定完html的fontsize大小后再获取实际的html大小判断是否一致,如果不一致再设定一次大小为a*a/b即可解决。

    具体可以参考:https://www.cnblogs.com/axl234/p/7753187.html

    从这篇文章得到的有效信息最多

    更多相关内容
  • 介绍了Android Dialog 设置字体大小的具体方法,希望能帮助到有同样需求的朋友,可能我的方法不是最好的,也希望有朋友指点
  • 动态计算好html的font-size之后,我们设置的大小不一定是真实的大小,所以,我们需要在设置字体大小之后,再去重新获取一下html的font-size,看看实际的这个值(webview受到系统字体设置大小的一个你想),和我们...

    动态计算好html的font-size之后,我们设置的大小不一定是真实的大小,所以,我们需要在设置完字体大小之后,再去重新获取一下html的font-size,看看实际的这个值(webview受到系统字体设置大小的一个你想),和我们设置的是不是一样。如果不一样,就要根据比例再设置一次。

    tag:解决因为手机设置字体大小导致h5页面在webview中变形的BUG。

    1、你的页面采用了rem单位,并且是采用js动态计算html的font-size

    2、你的页面被加在了APP中的webview中

    3、这该死的手机被重设了字体大小

    function htmlFontSize() {

    var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);

    var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);

    var width = w > h ? h : w;

    width = width > 720 ? 720 : width

    var fz = ~~(width * 100000 / 36) / 10000

    document.getElementsByTagName("html")[0].style.cssText = 'font-size: ' + fz + "px";

    var realfz = ~~(+window.getComputedStyle(document.getElementsByTagName("html")[0]).fontSize.replace('px', '') * 10000) / 10000

    if (fz !== realfz) {

    document.getElementsByTagName("html")[0].style.cssText = 'font-size: ' + fz * (fz / realfz) + "px";

    }

    }

    htmlFontSize();

    .font-cc{

    font-size:0.14rem;//font-size:14px;

    }

    .font-tt{

    font-size:0.16rem;//font-size:16px;

    }

    展开全文
  • Android 一个TextView中设置不同字体大小和颜色
  • 解决因为手机设置字体大小导致h5页面webview中变形的BUG首先,我们做了一个H5页面,各种手机浏览器中打开都没问题。我们采用了rem单位进行布局,通过JS来动态计算网页的视窗宽度,动态设置html的font-size,一切...

    解决因为手机设置字体大小导致h5页面在webview中变形的BUG

    首先,我们做了一个H5页面,在各种手机浏览器中打开都没问题。我们采用了rem单位进行布局,通过JS来动态计算网页的视窗宽度,动态设置html的font-size,一切都比较完美。

    这时候,你自信满满的将h5地址交给了APP工程师,做了一个WEBVIEW嵌套,然后就顺利交工了。

    测试组在一堆手机中测试APP,突然,在某个手机上打开,你的页面布局了乱了,字变大或者变小,总之很奇葩。

    你怎么也不会想到是手机设置字体大小造成的。

    因为默认浏览器中的内容是不受系统字体大小设置控制的,至少我遇到的几台手机都是这样的情况。但是APP不一样,APP是受那个玩意儿控制的!!

    问题描述清楚了,出现这个问题,有以下因素

    > 1.你的页面采用了rem单位,并且是采用js动态计算html的font-size

    > 2.你的页面被加在了APP中的webview中

    > 3.这该死的手机被重设了字体大小

    二、解决

    方案一:【h5解决】

    需要在设置完字体大小之后,再去重新获取一下html的font-size,这样就可以实现当实际的值与我们设置的值不一样时,根据比例再设置一次。

    function htmlFontSize(){

    var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);

    var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);

    var width = w > h ? h : w;

    width = width > 720 ? 720 : width

    var fz = ~~(width*100000/36)/10000

    document.getElementsByTagName("html")[0].style.cssText = 'font-size: ' + fz +"px";

    var realfz = ~~(+window.getComputedStyle(document.getElementsByTagName("html")[0]).fontSize.replace('px','')*10000)/10000

    if (fz !== realfz) {

    document.getElementsByTagName("html")[0].style.cssText = 'font-size: ' + fz * (fz / realfz) +"px";

    }

    }

    方案二:【客户端解决】

    iOS

    在iPhone系统设置中的“更大字体”里调整字号后,各个应用里中Webview里的文字大小似乎没有受到影响。但是对于诸如微信、UC浏览器等可以在APP里设置网页字体大小的应用,还是有限制调整字号的需求的。它们调整字体大小是通过给body设置-webkit-text-size-adjust属性实现的,因此只要限制这个属性不被修改即可:

    body {

    -webkit-text-size-adjust: none !important;

    }

    Android

    如果是在自己开发的APP中,可以在客户端的WebView组件中设置字体默认的缩放比例,以避免手机系统的字体修改对页面字体及布局造成影响。

    WebSettings settings = webView.getSettings();

    settings.setTextZoom(100);

    展开全文
  • 关于手机设置方面的问题一直困扰着大家,尤其是字体大小设置。玩过手机的都知道,安卓手机隐藏了很多的功能设置,现在就来解密设置字体大小吧!工具/原料方法/步骤设置短信字体大小打开你的设置——应用程序——信息...

    安卓手机在这一两年内发展迅猛,如今玩手机越来越多。关于手机设置方面的问题一直困扰着大家,尤其是字体大小设置。玩过手机的都知道,安卓手机隐藏了很多的功能设置,现在就来解密设置字体大小吧!

    工具/原料

    方法/步骤

    设置短信字体大小

    打开你的设置——应用程序——信息——常规设置——下拉菜单,看到设置字体大小,选小——返回,搞定了这一项。

    例如:需调节短信字体大小,具体操作如下:

    下面以三星I9220为例介绍给大家打开手机的短信,在程序里面找到信息即可!

    点【菜单键】进入设定如图:

    1aeca19b4aeee0a24c1c9cd28fb80ca2.png

    往下翻到【使用音量键】的勾勾上

    3ba73523557012494e95aeaa19717c2b.png

    使用音量键增加短信的大小!下面是预览图:

    0e4fee5415dafd6fcd693a45b5ab670b.png

    e5178ae7469fe3cfeace0efb627fe098.png

    部分机型有这样的设置方法:

    系统设置=》辅助功能=》视觉=》字体大小=》选择字体大学如图所示:

    3685035412bb44fc8aa9ee53f250629b.png

    d28c9a115292aee3b5daaba8915fd32c.png

    92791941948f8ab1382414f63d49549e.png

    ffd051e1c830e490f0405f7cb0369133.png

    以下适合中兴手机和安卓平板

    字体设置大小和短信设置字体大小:

    打开短信中心=》菜单键(4.12后取消了菜单键)=》短信设置=》字体设置=》选择合适的字体大小。

    14d154891d6106d84e52b1d74c24665e.png

    ebed07c30c5c5b39875e2dba88b1948e.png

    dd42eb5607850cd71bcbc26a3418ed20.png

    21d96c5971e9a587c6e8a712042199f8.png

    1b845956ca502170512612474ac73e44.png

    如果你的机型和上述的机型不相同请参考如下:

    在待机页面下,点击屏幕右上角的【应用程序】图标。

    点击【信息】。

    点击屏幕右上角的“三字型”【菜单】图标,并点击【字体大小】

    根据您的需要,选择【最小】、【更小】、【中】、【更大】、【最大】,这里以选择【最大】为例。

    以上操作完成后,字体大小就调节成功了

    注意事项

    注:以上操作不支持彩信字体调节。

    展开全文
  • //给一个id为name的TextView设置字体大小TextView mName = (TextView)findViewById(R.id.name);mName.setTextSize(22);开始学Android的时候,设置字体大小,无非用上面的代码。写的非常舒服,都不知道22用的是什么...
  • 哪里修改小米手机字体大小年轻人视力比较好,可以适应得了小米手机默认的字体大小。但是老年人容易远视,需要看大号的字体,现在小编就来教大家修改字体的方法。具体如下:1. 首先,我们登录手机的“设置”。2....
  • 今天有人问我,Android系统不同分辨率,不同大小的手机字体大小怎么去适应呢?其实字体的适应和图片的适应是一个道理的。 一、原理如下: 假设需要适应320×240,480×320分辨率。res目录下新建文件夹values-...
  • 怎么设置手机腾讯QQ的字体大小

    千次阅读 2021-06-02 22:12:37
    怎么设置手机腾讯QQ的字体大小许多手机app都会用字体的设置,来方便我们更好的使用这些应用,那么我们怎么设置手机腾讯QQ的字体大小呢,接下来就让小编来教你们吧。具体如下:1. 第一步,打开手机上的QQ。2. 第二步...
  • // 重写设置网页字体大小的事件 WeixinJSBridge.on(‘menu:setfont’, function() { WeixinJSBridge.invoke(‘setFontSizeCallback’, { ‘fontSize’ : 0 }); }); } })(); 本文地址:...
  • 电脑现已成为我们工作、生活和娱乐必不可少的工具了,使用电脑的过程中,可能会遇到手机百度如何设置字体大小?的问题,如果我们遇到了手机百度如何设置字体大小?的情况,该怎么处理怎么才能解决手机百度如何设置...
  • 手机版360浏览器怎么设置字体大小.docx
  • 主要介绍了jQuery实现自动调整字体大小的方法,涉及jQuery针对页面属性与样式动态操作的相关技巧,需要的朋友可以参考下
  • 三星手机怎么设置字体大小?不管是我们的三星手机又或者是其他牌子的手机手机上的一些功能都是可以自己进行更改或者自己做相关设置操作的;就比如最近有三星手机用户,反映自己不喜欢手机上的默认字体,想要自己...
  • Android SpannableString实现TextView不同大小文字居中显示。
  • 1. 前言Android手机系统的设置中,有个小功能,可以全局调整字体大小。这就导致了APP里面的字体也受影响了,字体变小或变,对原来布局会产生影响,用户体验不好。2. 解决方案查了一下资料,发现很容易解决。我们只...
  • setTextSize方法:设置字体大小【功能说明】该方法用于设置画笔的字体大小。该方法主要用绘制字符串的场合,对于一些图形则没有效果。【基本语法】public void setTextSize (float textSize)其中,参数textSize为...
  • 在手机设置中,我可以全局更改应用的字体大小。android设置:调整字体大小设置>显示>字体大小我可以做的字体大小(小,中,,非常),也看过Java和(如果适用)。只为我的应用程序设置? 我试图改变字体大小...
  • 当然华为手机的基本功能当中,字体大小设置,满足不同视力与使用习惯人们的需要,取得了非常不错的成绩,而设置字幕字体大小,按需调整好字体的显示大小效果,是用好手机的基本方法。如果还不熟悉这个操作,不如...
  • 设置H5页面中字体大小不跟随手机系统 WebSettings webSettings = webView.getSettings(); webSettings.setTextZoom(100); 设置原生APP字体不跟随系统字体而变化 acvitity的父类中重写getResource方法 @...
  • //设置字体为默认大小,不随系统字体大小改而改变 @Override public void onConfigurationChanged(Configuration newConfig) { if (newConfig.fontScale != 1)//非默认值 getResources(); ...
  • UI设计师根据原型进行设计稿设计的时候,Android和IOS UI规范都是不同的,最好的条件下就会制作两个版本的设计稿来进行开发,下面我们一起来了解一下Android和IOS UI规范的区别。操作方法01先从设计稿尺寸开始说,...
  • <div class="markdown_views"><h1 id="解决因为手机设置字体大小导致h5页面webview中变形的bug"><a name="t0" target="_blank"></a>解决因为手机设置字体大小导致h5页面webview中变形的BUG 首先,我们做了一个H5...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 73,411
精华内容 29,364
关键字:

如何在手机里设置字体大小